Особенности, проектирование и создание web-каталога мультимедийных сервисов (проектная работа)

20. Делиться своими работами в социальных медиа?

Задачи ассистента академии:

1. Входить в личный кабинет и выходить из него;

2. Загружать сценарии чат-ботов;

3. Присваивать каждому уроку сложность освоения;

4. Отправлять уведомления для студентов;

5. Получать уведомления о новых сообщениях;

6. Отправлять ответы на сообщения;

7. Загружать видеоуроки на портал;

8. Выгружать статистику;

9. Загружать и редактировать текст гайда и GIF-изображения;

10. Загружать информацию о промокодах;

11. Создавать аналитические отчеты.?

3.2 Функциональные характеристики проекта

3.2.1 Основные расширения проекта

Основное расширение проекта - это образовательный портал, размещенный в сети «Интернет» по адресу https://www.kakprosto.media/. Для быстрого и удобного перехода на портал можно воспользоваться QR-кодом (Рисунок 3.2).

Для продвижения проекта среди целевой аудитории создается уникальный мультимедийный контент, не повторяющий информацию из образовательного портала. Материалыв соответствии с маркетинговой стратегией публикуются в поисковых системах, профильных интернет-изданиях и социальных медиа (подробнее в пункте 3.5).



3.2.2 Описание взаимодействия пользователя с проектом

Для визуализации взаимодействия пользователя с порталом была разработанаUser Story Map. Ознакомиться с картой в оригинальном масштабе можно в приложениях.

User Story Map-- это визуализация общего маршрута посетителей сайта. На карте расписаны основные цели, которые должна поддерживать система. Цели разбиты на конкретные действия пользователя --последовательные события, которые описывают, что конкретно нужно сделать посетителю портала. Действия разбиты на конкретные функции системы. Эти функции, которые располагаются под действиями, прописаны для каждого типа пользователя образовательного портала: контент-менеджера, соавтора блога, преподавателя академии и ассистента.

Первая цель пользователя, описанная в User Story Map-- это работа с личным кабинетом. Цель делится на 3 возможных действия: создание личного кабинета, вход в личный кабинет (для уже зарегистрированных пользователей) и выход из личного кабинета. Для каждого из трех возможных сценариев прописаны шаги пользователя портала. Зарегистрированный пользователь может войти в личный кабинет через emailили личный аккаунт в социальных медиа. В личном кабинете пользователь может редактировать данные персональной анкеты, загружать фотографию профиля, сохранять информацию.

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

Третья цель посетителя портала - это просмотр каталога «Мультимедийные форматы». Пользователь может найти необходимый мультимедийный формат, посмотреть его карточку и предложить свою работу в качестве примера использования формата мультимедиа. Для реализации этих действий должны быть реализованы функции поиска по классификатору, а также отправки новой работы через форму в личном кабинете. Контент-менеджер портала на данном этапе должен иметь возможность загрузить новый формат на портал, присвоить ему рубрику, указать ссылки на сервисы для создания из раздела «Все сервисы»;просматривать, редактировать и публиковать предложенные через форму работы посетителей портала.

Четвертая цель -- это просмотр каталога мультимедийных сервисов. Аналогично предыдущему разделу, пользователь может выбрать необходимый сервис из каталога, просмотреть его карточку (с описанием основного функционала, скриншотами и иной информацией).

Все цели пользователя, описанные выше, входят в «Релиз №1» образовательного портала. Функциональные требования и разделы, создание которых планируется во втором релизе, располагаются по другую сторону от синей чертыUserStoryMap. Среди них: оплата обучения в академии онлайн-сервисов и изучение мультимедийного формата.

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

Цель «Изучение формата» поделена на следующие действия:

1. Просмотр ролика с теорией о мультимедийном формате.

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

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

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

Ассистент академии должен иметь функциональную возможность загрузить на портал текст гайда и GIF-изображения с инструкциями, а также получать уведомления о проблемах студентов и отвечать на их обращения. Преподаватель академии онлайн-сервисов также должен видеть сообщения студентов и давать им обратную связь.

3. Выполнение практического задания.

Студент академии видит информацию о практическом задании и при готовности включает таймер на его выполнение. Он также может сообщить преподавателю или ассистенту о проблемах. После выполнения задания он загружает файл с выполненной работой преподавателю (через чат) и отправляет задание на проверку. Преподаватель получает выполненное задание и приступает к проверке.

4. Переход к изучению следующего формата.

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

5. Получение обратной связи.

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

6. Использование накопленных баллов.

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

3.2.3 Платформы и каналы проекта

Основная и единственная (на момент запуска проекта) платформа -- это веб-сайт в формате образовательного портала «Как просто?Медиа».

Для продвижения проекта среди целевой аудитории используются поисковые системы, профильные интернет-издания и социальные медиа (подробнее в пункте 3.5).

3.2.4 Путь пользователя

Для визуализации пользовательского пути была составленаCustomer Journey Map, ознакомиться с ней можно на Рисунке 3.4. Карта в оригинальном масштабе доступнав приложениях (Приложение №5).

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

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

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

3.2.5 График работы над проектом (диаграмма Ганта)

Для повышения производительности и эффективности при проектировании и создании образовательного портала «Как просто? Медиа», а также для обеспечения своевременного выполнения поставленных задач была разработана диаграмма Ганта (Рисунок 3.5).Ознакомиться с диаграммой в оригинальном масштабе можно в приложениях(Приложение №6).

Реализовать проект образовательного портала «Как просто? Медиа» планируется за 8 месяцев.Этапы работы над проектом можно поделить на три части: проектирование и создание WEB-каталога (релиз №1), проектирование и создание академии онлайн-сервисов (релиз №2), продвижение и поддержка WEB-каталога и академии онлайн-сервисов.

Этапы работы над проектом можно поделить на три части: проектирование и создание WEB-каталога (релиз №1), проектирование и создание академии онлайн-сервисов (релиз №2), продвижение и поддержка WEB-каталога и академии онлайн-сервисов.

На момент защиты выпускной квалификационной работы автором был проделан этап проектирования и создания WEB-каталога (релиз №1).

3.3 Дизайнерские характеристики проекта

Для повышения узнаваемости портала, выделения его среди конкурентов, привлечения внимания и лояльности со стороны потенциальных клиентов автором работы был разработан фирменный стиль образовательного портала. Фирменный стиль «Как просто? Медиа» (Рисунок 3.6) состоит из следующих элементов:

1. Логотип образовательного портала;

2. Фирменные цвета;

3. Основной шрифт;

3.3.1 Обоснование дизайнерской концепции проекта

Логотип образовательного портала включает в себя изображения четырех типов контента: текст, аудио, видео и изображения. В совокупности они являются отсылкой к основным объектам WEB-каталога -- мультимедийным сервисам. Помимо четырех иконок, он также содержит и название образовательного портала. Логотип разработан в трех версиях: по умолчанию используется основной вариант логотипа, однако его нельзя размещать на светлом фоне.Для размещения на светлом фоне был разработан дополнительный вариант лого. Также в ходе работы над брендингом портала был разработан однотонный вариант логотипа, который может быть использован при изготовлении сувенирной продукции с логотипом образовательного портала.

Один из ключевых трендов 2020 года в сфере WEB-дизайна -- этосочные кричащие цвета Основные тренды веб дизайна 2020 // Веб-студия дизайна Impulse-design [Электронный ресурс]. URL: https://impulse-design.com.ua/osnovnye-trendy-veb-dizajna-2018.html(дата обращения: 20.03.2020).. Поэтому основная цветовая стилистика сайта выполнена в аспидно-синих, сине-фиолетовых и блестяще зеленовато-желтых цветах. В качестве дополнительных цветов (которые используются в редких случаях для визуального выделения объектов) были использованы одуванчиковый цвет и ярко-сиреневый.

Сочетание цветов было подобрано с помощью Цветового круга Иттена с использованием принципа «Контраст» Цветовая схема проекта "Как просто? Медиа" // colorscheme.ru [Электронный ресурс]. URL: https://colorscheme.ru/#4521Tp2WTw0w0(дата обращения: 21.03.2020). (Рисунок 3.7).

Не менее важный атрибут фирменного стиля, в особенности текстового блога -- грамотно подобранный шрифт. В качестве основного шрифта для проекта был выбран WEB-шрифт TTNorms (семейство «Sans Serif» -- рубленные шрифты), который поддерживает как кириллицу, так и латиницу. Он входит в стандартный набор CSS-шрифтов, поэтому будет отображаться на любых устройствах пользователей. Ктомужебогатоеколичествоначертаний («Thin», «ThinItalic», «ExtraLight», «ExtraLightItalic», «Light», «LightItalic», «Regular», «Italic», «Medium», «MediumItalic», «Bold», «BoldItalic», «ExtraBold», «ExtraBoldItalic», «Black», «BlackItalic», «Heavy» и«HeavyItalic) позволяет использовать его без сочетания с дополнительным шрифтами.

3.3.2 Сториборд проекта

Для визуализации логической связи между страницами образовательного портала была разработана Website-map (Рисунок 3.8) полномасштабное изображение которой представлено в приложениях (Приложение №7).

3.3.3 UI платформ проекта

Пользовательский интерфейс образовательного портала, в частности -- навигационное меню (Рисунок 3.9), помогает с первых секунд ознакомить пользователя с разделами сайта. Меню расположено на всех страницах и не исчезает при скроллинге контента. Оно помогает пользователю перемещаться между основными разделами. В нем расположены иэлементы поисковой системы по всему порталу, а также элементы интерфейса, позволяющие пользователю зайти в свой личный кабинет. На каждой странице предусмотрена горизонтальная полоса прокрутки, которая помогает пользователюв процентном соотношении понять, сколько контента на данной странице располагается ниже текущего места просмотра.

3.3.4 Полный список элементов проекта

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

«Главная страница»-- в формате landingpage, контент которых меняется в зависимости от сегмента целевой аудитории. Страница состоит из следующих блоков:

Ш Индикатор прокрутки страницы. Располагается в верхней части экрана и необходим для навигации;

Ш Главное меню портала. Включает в себя логотип, перечень основных разделов портала, а также элементы интерфейса, позволяющие посетителю портала выполнить поиск по сайту или войти в «Личный кабинет».

Ш Обложка. Содержит краткое описание образовательного портала -- уникальное торговое предложение, а также тематическое изображение;

Ш Графическая вставка, на которой публикуется динамическая информация о количестве статей, мультимедийных форматов и мультимедийных сервисов, опубликованных на образовательном портале;

Ш Интерактивный слайдер «До/после», который наглядно показывает преимущества использования онлайн-сервисов (меняется в зависимости от сегмента целевой аудитории);

Ш Блок «Блог». Краткое описание раздела, подборка из 6 актуальных статей блога, а также кнопка «Перейти в блог»;

Ш Блок «Библиотека мультимедийных форматов».Интерактивный слайдер, который позволяет узнать базовую информацию о мультимедийных форматах, кнопка «Открыть библиотеку»;

Ш Блок «Каталог мультимедийных сервисов».Примеры карточек мультимедийных сервисов с базовой информацией о них, классификатор «По задачам», кнопка «Перейти в каталог»;

Ш Блок «Поделиться проектом в социальных медиа» -- возможность для пользователя рассказать о проекте на своих личных страницах в социальных медиа;

Ш Кнопка «Наверх», позволяющая пользователю автоматически переместиться в начало страницы;

Ш Pop-up уведомление об использовании Cookies;

Ш «Подвал». Ссылки на юридические документы, контакты редакции образовательного портала, ссылки на страницы проектов в социальных медиа.

Страница «Блог» (Рисунок 3.10)-- короткие статьи-гайды, а также рассказы об успешном опыте использования онлайн-сервисов. Страница состоит из следующих блоков:

Ш Индикатор прокрутки страницы;

Ш Главное меню портала;

Ш Обложка раздела. Содержит краткое описание раздела, а также тематическое изображение;

Ш 12 карточек статей. Обложка, заголовок, лид, дата публикации, рубрики-теги, кнопка «Добавить в закладки» и кнопка «Читать»;

Ш 5 популярных (по числу просмотров) статей. Обложка, заголовок. рубрика-тег и дата публикации;

Ш Классификатор статей по типу медиа. Название рубрики («Текст», «Изображения», «Видео», «Аудио», «Данные», «Интерактив») и счетчик количества статей для каждого раздела;

Ш Классификатор по тематическим рубрикам-тегам;

Ш «Предложить статью». Кнопка для перехода в личный кабинет для создания авторской статьи для блога;

Ш «Лучшие авторы». Список соавторов портала (фотография, фамилия, имя и текст «о себе»), чьи статьи были опубликованы в блоге образовательного портала;

Ш Список номеров страниц. Возможность перейти на другую страницу каталога;

Ш Кнопка «Наверх»;

Ш «Подвал».

Страница «Статья»(Рисунок 3.11).Раздел состоит из следующих блоков:

Ш Индикатор прокрутки страницы;

Ш Главное меню портала;

Ш Обложка статьи. Заголовок, изображение, список рубрик-тегов;

Ш Дата публикации статьи;

Ш Среднее время на чтение (определяется в зависимости от длины текста);

Ш Кнопка «Поделиться»;

Ш Кнопка «Добавить в закладки»;

Ш Лид;

Ш Краткое содержание статьи -- пункты с гиперссылками;

Ш Основной текст статьи (с мультимедийными вставками);

Ш Блок «Читайте также». Подборка из трех статей схожей тематики;

Ш Блок «Предложи свою статью». Возможность стать соавтором портала и прислать на модерацию свой гайд или кейс.

Ш Блок «Поделиться»;

Ш Блок «Комментарии». Возможность прокомментировать статью или ответить на комментарии других читателей;

Ш Кнопка «Наверх»;

Ш «Подвал».

Страница «Мультимедийные форматы»(Рисунок 3.12)-- библиотека мультимедийных форматов. Раздел состоит из следующих блоков:

Ш Индикатор прокрутки страницы;

Ш Главное меню портала;

Ш Обложка раздела. Содержит краткое описание раздела, а также тематическое изображение;

Ш Классификатор мультимедийных форматов: по типу медиа (текст, видео, изображения, данные или интерактив) или по задачам использования. Также есть функция просмотреть «Все форматы».

Ш Обложки карточек мультимедийных форматов. Иконка, название и возможность добавить в закладки;

Ш Список номеров страниц. Возможность перейти на другую страницу каталога;

Ш Кнопка «Наверх»;

Ш «Подвал».

Страница «Карточка мультимедийного формата»(Рисунок 3.13)-- подробная информация о конкретном мультимедийном формате. Страница состоит из следующих блоков:

Ш Индикатор прокрутки страницы;

Ш Главное меню портала;

Ш Обложка раздела. Содержит название мультимедийного формата, иконку, кнопку для возвращения в каталог мультимедийных форматов, список тегов-рубрик, кнопку «Поделиться» в социальных медиа, а также кнопку «Добавить формат в закладки»;

Ш Блок «Зачем создавать…?». Краткая информация о способах и сферах применения мультимедийного формата;

Ш Блок «Как создать…?». Пошаговый алгоритм создания конкретного мультимедийного продукта выбранного формата;

Ш Блок «Онлайн-сервисы для создания». Список карточек мультимедийных сервисов, с помощью которых можно создать контент выбранного формата. Кнопка «Перейти в библиотеку мультимедийных сервисов»;

Ш Блок «Поделиться». Возможность поделиться конкретным мультимедийным форматом на страницах в социальных медиа или в мессенджерах;

Ш Блок «Примеры». Интерактивный слайдер со ссылками на кейсы, в которых используется мультимедийный формат. Скриншот, короткое описание кейса и кнопка «Смотреть».

Ш Блок «Смотрите также». Три карточки мультимедийных формата и три статьи из раздела «Блог» схожих по тематике с просматриваемым мультимедийным форматом.

Ш «Подвал»

Страница «Все сервисы» (Рисунок 3.14)-WEB-каталог мультимедийных сервисов. Страница состоит из следующих блоков:

Ш Индикаторпрокрутки страницы;

Ш Главное меню портала;

Ш Обложка раздела. Содержит заголовок и тематическое изображение;

Ш Рубрикатор мультимедийных сервисов по категориям: «Работа с текстом», «Визуализация», «Вебинары, трансляции», «Работа с аудио», «Изображения», «Презентации», «Интерактивная работа», «Совместная работа», «LMS», «Личная продуктивность». Каждая рубрика включает в себя подрубрики;

Ш Кнопка «Сбросить», позволяющая отменить примененные фильтры;

Ш Кнопка «Добавить сервис», позволяющая соавтору портала предложить мультимедийный сервис в общий каталог;

Ш Поисковая строка для поиска мультимедийных сервисов из библиотеки;

Ш Карточки мультимедийных сервисов (по 2 карточки в строке»): логотип сервиса, название, рейтинг, количество отзывов, язык интерфейса, тариф, описание, возможность поставить «лайк», кнопка «Подробнее» и возможность добавить в «Закладки» (отображаются в личном кабинете пользователя;

Ш «Подвал».

«Карточка мультимедийного сервиса»(Рисунок 3.15).Страница состоит из следующих блоков:

Ш Индикаторпрокрутки страницы;

Ш Главное меню портала;

Ш Заголовок страницы;

Ш Кнопка «Назад в библиотеку», которая возвращает пользователя на страницу «Все сервисы»;

Ш Поисковая строка для поиска мультимедийных сервисов из библиотеки;

Ш Логотип мультимедийного сервиса;

Ш Название мультимедийного сервиса;

Ш Рейтинг;

Ш Количество отзывов;

Ш Кнопка «Веб-сайт», позволяющая пользователю переместиться на сайт мультимедийного сервиса;

Ш Короткое описание;

Ш Примеры мультимедийных форматов, которые можно создать с помощью данного онлайн-сервиса -- ссылки на карточки из раздела «Мультимедийные форматы»;

Ш Подборка их четырех сервисов-аналогов -- ссылки на страницы сервисов в разделе «Все сервисы»;

Ш Скриншоты интерфейса мультимедийного сервиса, демонстрирующие основной функционал;

Ш Текстовое описание основных особенностей мультимедийного сервиса;

Ш Блок «Особенности» -- краткая информация (по пунктам) о ключевых особенностях сервиса, отличающих его он аналогов-конкурентов;

Ш Блок «Дополнительная информация» -- информация о тарифах, минимальной стоимости, способе оплаты. Информация о языках интерфейса и об уровне сложности освоения данного онлайн-сервиса;

Ш Блок «Прочитать на тему» -- примеры статей из раздела «Блог», в которых фигурирует применение рассматриваемого онлайн-сервиса;

Ш Кнопка «Добавить свой сервис в каталог», позволяющая соавтору портала предложить мультимедийный сервис в общий каталог;

Ш Блок «Рейтинг сервиса» -- средняя оценка, количество «звезд» и количество отзывов, кнопка «написать отзыв»;

Ш Блок «Комментарии» -- возможность для соавторов портала оставить отзыв о мультимедийном сервисе. Отзыв состоит из заголовка, оценки по пятибалльной шкале, описания преимуществ и недостатков оцениваемого онлайн-сервиса, дополнительной информации.

Ш «Подвал».

Страница «Личный кабинет»(Рисунок 3.16) -- личная страница зарегистрированных пользователей.Страница состоит из следующих блоков:

Ш Индикаторпрокрутки страницы;

Ш Главное меню портала;

Ш Заголовок страницы с указанием имени и фамилии пользователя;

Ш Фотография профиля пользователя;

Ш Краткая информация о пользователе: блок «О себе», ссылка на сайт и социальные медиа пользователя, информация о месте работы и должности, возможность перейти в «Настройки анкеты пользователя» для редактирования информации;

Ш Кнопка «Есть что рассказать?» -- возможность предложить статью в раздел «Блог»;

Ш Кнопка «Создали мультимедийный продукт?» -- возможность опубликовать пример мультимедийного формата в раздел «Карточка мультимедийного формата»;

Ш Кнопка «Нашли интересный онлайн-сервис?» -- возможность добавить онлайн-сервис в WEB-каталог мультимедийных сервисов;

Ш Раздел страницы «Статьи», в котором приведен список предложенных соавтором портала статей и ссылки на них, если они прошли процедуру модерации и были опубликованы на образовательном портале;

Ш Раздел «Портфолио», в котором публикуются примеры применения мультимедийных форматов, присланные соавтором;

Ш Раздел «Сервисы», в котором приведен список предложенных пользователем и опубликованных (в случае успешного прохождения процедуры модерации) онлайн-сервисов в WEB-каталоге;

Ш Блок «Мои закладки» -- список статей, мультимедийных форматов и мультимедийных сервисов, которые пользователь добавил в закладки личного кабинета;

Ш «Подвал».

Страница «Ошибка 404»(Рисунок 3.17) -- страница, на которую попадает пользователь в случае ошибки. Чтобы избежать негатива со стороны потенциального клиента, была разработана отдельная страница «Ошибка 404». Она включает в себя следующие элементы:

Ш Заголовок;

Ш Тематическое изображение;

Размещено на http://www.allbest.ru/

75

Размещено на http://www.allbest.ru/

Кнопка «Вернуться на главную»

PopUp окно «Вход в личный кабинет»(Рисунок 3.18) -- окно, позволяющее пользователю пройти процедуру аутентификации. Состоит из следующих элементов:

Ш Заголовок «Личный кабинет»;

Ш Кнопки для прохождения аутентификации через личные аккаунты пользователя в социальных медиа;

Ш Кнопка для прохождения аутентификации через электронную почту;

Ш Уведомление о принятии пользователем условий пользовательского соглашения и согласия на обработку персональных данных.

PopUp окно «Регистрация»(Рисунок 3.19) -- окно, позволяющее пользователю пройти регистрацию личного кабинете через электронную почту.

Состоит из следующих элементов:

Ш Заголовок «Регистрация»;

Ш Поля для введения личных данных: «Имя», «Фамилия», «Email», «Пароль»;

Ш Кнопка «Регистрация»;

Ш Уведомление о принятии пользователем условий пользовательского соглашения и согласия на обработку персональных данных.

PopUp уведомление об использовании «Cookies» -- всплывающий блок (при первом посещении сайта) с предупреждением об использовании «Cookies» (более подробно про необходимость данного блока написано в разделе 3.5.6 Юридическое обоснование проекта).

Страница«Личный кабинет - Личная информация» (Рисунок 3.20)--раздел образовательного портала, на котором пользователь может изменить и сохранить информацию о себе. Страница включает в себя следующие элементы:

Ш Заголовок «Личная информация»;

Ш Фотография профиля;

Ш Поле «Имя»;

Ш Поле «Фамилия»;

Ш Поле «О себе» -- короткая информация о пользователе, которая отображается в разделе «Блог - Лучшие авторы»;

Ш Поле «Email»;

Ш Поле «Место работы»;

Ш Поле «Профессия»;

Ш Поле «Ваш сайт»;

Ш Поле «Ссылка на аккаунт в Facebook»;

Ш Поле «Ссылка на аккаунт в ВКонтакте»;

Ш Поле «Ссылка на аккаунт в Instagram»;

Ш Кнопка «Сохранить».

Форма «Новая статья в блог»(Рисунок 3.21)-- с помощью формы соавтор образовательного портала может предложить главному редактору статью-гайд или кейс с использованием онлайн-сервиса. Предложенная статья после прохождения процедуры модерации публикуется в разделе «Блог». Форма состоит из следующих полей:

Ш Заголовок формы «Новая статья в блог»;

Ш Текстовая вставка с обращением главного редактора;

Ш Поле «Заголовок»;

Ш Поле «Лид»;

Ш Поле «Основной текст статьи» -- текстовый редактор, в котором пользователь оформляет основную часть статьи-гайда или кейса;

Ш Кнопка «Отправить на модерацию»;

Форма «Новая работа в портфолио»(Рисунок 3.22)-- с помощью формы соавтор образовательного портала опубликовать личный пример использования мультимедийного формата в разделе «Мультимедийные форматы». Форма состоит из следующих полей:

Ш Заголовок формы «Новая работа в портфолио»;

Ш Текстовая вставка с обращением главного редактора;

Ш Поле для ввода «В каком формате выполнен ваш проект?»;

Ш Поле для ввода «Ссылка на опубликованный проект»;

Ш Поле для ввода «Краткое описание работы»;

Ш Поле «Какой онлайн-сервис был использован для создания проекта?»;

Ш Кнопка «Отправить на модерацию».

Форма «Разместить сервис в библиотеке» (Рисунок 3.23)-- с помощью формы соавтор образовательного портала может добавить сервис в WEB-каталог мультимедийных сервисов. Форма состоит из следующих полей:

Ш Заголовок формы «Разместить сервис в библиотеке»;

Ш Текстовая вставка с обращением главного редактора;

Ш Поле для ввода «Название сервиса»;

Ш Поле для ввода «Ссылка на сервис»;

Ш Поле для ввода «Краткая информация о сервисе»;

Ш Выбор «Категории сервиса» (из предложенных);

Ш Выбор «Подкатегории сервиса» (из предложенных);

Ш Выбор мультимедийных форматов, которые можно создать с помощью предлагаемого сервиса (из предложенных);

Ш Поле для ввода «Особенности сервиса»;

Ш Поле «Наличие бесплатного тарифа» (из предложенных);

Ш Поле «Наличие пробного периода» (из предложенных);

Ш Поле «Язык интерфейса» (из предложенных);

Ш Поле для ввода «Подробная информация о сервисе»;

Ш Кнопка «Отправить на модерацию».

Форма «Отзыв о мультимедийном сервисе»(Рисунок 3.24)-- с помощью формы соавтор образовательного портала может оценить онлайн-сервисы из WEB-каталога. После прохождения модерации отзыв будет опубликован в «Карточке мультимедийного сервиса». Форма состоит из следующих полей:

Ш Заголовок формы «Новый отзыв о сервисе»;

Ш Поле для оценки сервиса по пятибальной шкале;;

Ш Поле для ввода «Заголовок отзыва»;

Ш Поле для ввода «Плюсы онлайн-сервиса»;

Ш Поле для ввода «Минусы онлайн-сервиса»;

Ш Поле для ввода «Дополнительный комментарий»;

Ш Кнопка «Добавить отзыв».

Страница «Успешное заполнение формы»(Рисунок 3.25)-- пользователь попадает на данную страницу в случае заполнения все обязательных полей форм и нажатия на кнопку «Добавить…». На странице выводится благодарность главного редактора за отправленную информацию и уведомление о том, что весь отправленный материал проходит через процедуру модерации.

3.4 Технологические характеристики проекта

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

В качестве основного требования к технологическим решениям продукта было выдвинуто требование обязательного наличия системы управления содержимым (CMS), которая позволяла бы работать с пользовательским контентом.

Среди рассмотренных существующих решений CMS (Ghost, Drupal, ModX, WordPress, 1С-Битрикс, Publo Publishing и Bubble.io) выбор был сделан в пользу CMSWordPressпо следующим причинам:

1. WordPress -- система управления с открытым кодом. В отличие от других рассматриваемых CMS, лицензия на ее использование предоставяется бесплатно.

2. Первоначальное назначение WordPress -- личные блоги. Поэтому в системе заложены возможности создания рубрик и тегов, формы для комментариев, регистрация личного кабинета и отправка пользовательского контента. Этот функционал крайне важен для реализации проекта образовательного портала «Как просто? Медиа».

3. WordPress -- одна из самых популярных CMS. Более 36% сайтов в сети «Интернет» созданы с помощью этой системы Главная страница // Портал «WordPress» [Электронный ресурс]. URL: https://ru.wordpress.com(дата обращения: 01.04.2020).. Поэтому в свободном доступе можно найти большое количество дополнительных плагинов от сторонних разработчиков, которые помогут решить поставленные задачи без дополнительных знаний WEB-программирования.

Для реализации проекта было зарегистрировано доменное имя kakprosto.media, которое было приобретено у регистратора доменных имен REG.RUпо критерию наименьшей стоимости в соотношении с другими регистраторами доменных имен. Среди рассматриваемых вариантов адреса сайта были: какпростомедиа.рф, kakprostomedia.ru иkakprostomedia.online. Однако выбор был сделан в пользу kakprosto.media, так как именно это название по мнению автора работы является более простым и понятным.

Для работы протокола защищенной передачи данных для домена был приобретен SSL-сертификат.

3.4.2Методы сбора информации о пользователе

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

Взаимодействие пользователя с порталом также анализируется с помощью инструментов Google Analytics и Яндекс.Метрики. Они позволяют отследить поведение пользователей портала, увидеть статистику для каждого из разделов, проанализировать контент сайта и скорость загрузки страниц, получать отчеты в режиме «онлайн», просматривать карту кликов пользователей и их маршруты.

Третий инструмент сбора данных о пользователях образовательного портала «Как просто? Медиа» -- это файлы cookie. Это обобщающий термин для технологий, которые хранят данные, которыми пользователь обменивается с браузером. К ним, например, относится информация о поведении пользователя на сайте, данные для авторизации и персональные настройки. Каждый посетитель портала получает уведомление об использовании этих технологий.

3.5 Маркетинговые характеристики проекта

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

Для решения данной задачи была составлена стратегия продвижения проекта «Как просто? Медиа» в онлайн-пространстве: была определена целевая аудитория проекта, сформулированы цели и задачи маркетинговой стратегии, выбраны форматы и платформы для продвижения. Подробнее о стратегии продвижения расскажем в этом разделе.

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

3.5.1 Ключевые цели проекта

В ходе анализа существующих WEB-каталогов и их особенностей (глава 2) выяснилось, что на сегодняшний день встречаются попытки каталогизировать мультимедийные сервисы, но эти каталоги -- примитивны. Они публикуются в виде статей-подборок со ссылками на онлайн-сервисы для создания медиапродуктов, но не предоставляют пользователю возможность сравнить эти сайты и научиться ими пользоваться. Учителя испытывают сложности с поиском и освоением мультимедийных сервисов.

Поэтому ключевой целью проекта являетсяповышение уровня медиаграмотности школьных учителей (а в следствии -- их учеников) в области рационального использования мультимедийного обучающего контента путем создания WEB-каталога мультимедийных сервисов.

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

3.5.2 Показатели эффективности проекта

Для анализа показателей эффективности сайтаиспользуются инструменты Google Analytics и Яндекс.Метрики.

Ключевые показатели эффективности релиза №1:

· Среднее время, проведенное пользователем на сайте;

· Показатель отказов;

· Число возвратов;

· Число прямых заходов на сайт;

· Количество внешних ссылок на сайт.

Ключевые маркетинговые показатели проекта:

· Общая посещаемость портала;

· Количество уникальных посетителей образовательного портала;

· Источник трафика;

· Количество упоминаний проекта на сторонних площадках;

· Среднее количество комментариев в разделе «Блог»;

· Среднее количество отзывов в разделе «Все сервисы».

3.5.3 Целевая аудитория проекта

Основная целевая аудитория проекта «Как просто? Медиа» -- педагоги российских городов-миллионников. Данный сегмент был выбран в качестве основного в связи с ситуацией вынужденного перехода российских школ и вузов на дистанционное обучение из-за распространения коронавирусной инфекции.

Однако использование онлайн-сервисов для решения практических задач -- это Soft skills (надпрофессиональный навык), который пригодится специалистам разных отраслей, не только педагогам. Поэтому в качестве одной из возможных перспектив развития проекта рассматривается создание посадочных страниц для других сегментов целевой аудитории. С таблицей, содержащей информацию о потенциальных сегментах целевой аудитории, можно ознакомиться в приложениях (Приложение №8).

Типичный представитель целевой аудитории проекта «Как просто? Медиа» (Рисунок 3.26) -- это учитель, который после проведения дистанционных уроков во время пандемии заинтересовался применением мультимедийных технологийв учебном процессе. У педагога появилось желание использовать онлайн-сервисы для подготовки и проведения учебных занятий, проверки домашнего задания. Однако учитель испытывает трудности с поиском подходящих платформ и форматов, боится не справится со сложными (по его мнению) мультимедийными технологиями, а также не готов тратить много времени на обучение работе с онлайн-сервисами.

Чтобы удостовериться в попадании всегмент целевой аудитории, нами были подготовлены две тестовых публикации. Они были размещены в официальных аккаунтах образовательного комплекса «Школа №2001» в социальных медиа «ВКонтакте» и в «Instagram»Публикация «Как просто изменить фон в Zoom»? // Официальный Instagram-аккаунт ГБОУ Школа №2001 URL: https://www.instagram.com/p/B_e-5OCps3Q/ (дата обращения: 08.05.2020).. Целевая аудитория этих страниц -- московские школьники и учителя.

Мы опубликовали карусели изображений с подробными мини-инструкциями о том «Как просто изменить фон в Zoom?» (Рисунок 3.27) и «Как просто создать штендер для Бессмертного полка?». Обе публикации оказались на 90% популярнее недавних (за период 7 дней) публикаций.Посты с мини-инструкциями получили вовлеченность 260 и 130 действий (при обычных для данного аккаунта 60-90 действиях).Отдельно отметим, что обе мини-инструкцииполучили репост в StoriesInstagramофициального аккаунта Департамента образования и науки города Москва (Рисунок 3.28).

3.5.4 Форматы и каналы продвижения

Для продвижения проекта в онлайн-среде были выбраны следующие каналы:

1. Поисковые системы (SEO);

2. Профильные интернет-издания;

3. Социальные медиа (SMM);

4. Лидеры мнений и эксперты;

5. Посадочные страницы (для разных сегментов целевой аудитории).

С вариантами конкретных площадок, их посещаемостью, особенностями, целевой аудиторией и стоимостью размещения можно ознакомиться в приложениях (Приложение №9).

Мы считаем, что главным распространителем информации о проекте должны статьи именно мы -- его авторы. Нам, как никому другому, известны особенности проекта, его ключевые преимущества. Поэтому считаем целесообразным для реализации маркетинговой стратегии создать собственные страницы проекта в социальныхмедиа «Facebook», «Яндекс.Дзен» ив«Telegram» (с учетом привычек медиапотребления целевой аудитории).

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

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

1. Пост «Было/стало», с наглядной демонстрацией успешных кейсов использования мультимедийных материалов в работе учителя и их описанием;

2. «Пост-сравнение» с рассказом об особенностях онлайн-сервисов с приблизительно одинаковым функционалом, их общими функциями и отличиями;

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

4. Развенчивание мифов. Как показало исследование мультимедийных страхов педагогов (пункт 1.4), многие учителя считают онлайн-сервисы слишком сложными для освоения, а также неэффективными. С нашей точки зрения, они заблуждаются. В публикациях можно развеять мифы у педагогов.

3.5.5 Бизнес-модель проекта

Образовательный портал «Как просто? Медиа» не является коммерческим проектом и был реализован целиком и полностью за счет автора. Поэтому бизнес-модель для портала не разрабатывалась. Среди возможных перспектив развития проекта (пункт 3.6) есть перспектива создания академии онлайн-сервисов, доступ к которой планируется по платной подписке, однако такая возможность требует дополнительного анализа и проработки, которыми автор работы планирует заняться после первого релиза образовательного портала.

3.5.6 Команда проекта

Проект был разработан иреализован студентом магистерской программы «Трансмедийное производство в цифровых индустриях» НИУ ВШЭ Евгением Артамоновым.

Главным консультантом по проекту и идейным вдохновителем выступил научный руководитель, доцент департамента медиа НИУ ВШЭ, медиатренерЮрий Владимирович Куприянов.

Для консультации по отдельным аспектам проекта были привлечены:

Денисова Алена Сергеевна -- аспиранткафакультета права НИУ ВШЭ, преподаватель департамента медиа НИУ ВШЭ (консультация по юридическому обоснованию проекта);

Стеблева (Акимцева) Ольга Витальевна --руководитель направления образовательных онлайн-проектов Московской Школы Управления «СКОЛКОВО», преподаватель департамента медиа НИУ ВШЭ;

Кошкина Анна Дмитриевна -- старший эксперт Регионального чемпионата JuniorSkillsпо компетенции «Мультимедийная журналистика», член Международной ассоциации журналистов, член Союза журналистов России.

3.5.7 Юридическое обоснование проекта

Юридическое обоснование проекта потребовалось по двум причинам: во-первых, чтобы избежать штрафных санкций и блокировки портала за несоблюдение законовРоссийской Федерации. Во-вторых -- чтобы избежать негативных претензийсо стороны пользователей портала.

При разработке и реализации проекта возник ряд юридических вопросов, например,«как публиковать информацию о чужих сайтах, не нарушая их права?», «как снять с себя ответственность за качество услуг, которые предоставляют сторонние мультимедийные сервисы?»,«нужно ли при открытии академии онлайн-сервисов получать лицензию на образовательную деятельность?» и другие. Ответы на эти вопросы в ходе личной консультации дала преподаватель департамента медиа НИУ ВШЭ, аспирантка факультета права НИУ ВШЭ Алена Сергеевна Денисова.

1.WEB-каталог мультимедийных сервисов с точки зрения законодательства является базой данных. База данных(в соответствии с п. 2 ст. 1260 ГК РФ)Гражданский кодекс Российской Федерации (часть четвертая)" от 18.12.2006 N 230-ФЗ (ред. от 18.07.2019) Статья 1260. Переводы, иные производные произведения. Составные произведения // СПС КонсультантПлюс [Электронный ресурс]. URL: http://www.consultant.ru/document/cons_doc_LAW_64629/26eaf5de7ca59025f4388fe2980d3dd03dd5e775/ (дата обращения: 15.04.2020).-- это совокупность систематизированных материалов, обработаных с помощью ЭВМ.В соответствии с частью 4 Гражданского кодекса Российской Федерацииавтору базы принадлежит исключительное право изготовителя, право на указание своего имени на экземплярах, а также право публикации базы в сети «Интернет» или иное действие, которое делает базу доступной.

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

2. Обязательный документ для образовательного портала -- это «Пользовательское соглашение». Документ является договором между пользователем и администрацией портала. В нем содержатся важные моменты про взаимодействие посетителя с сайтом, информация о правах и обязанностях сторон, о правилах публикации комментариев, обработке персональных данных, о правилах использования контента портала, а также об исключительных и авторских правах пользователя. Документ размещен на специальной странице образовательного портала:http://www.kakprosto.media/terms.

3. Риск: незаконное осуществление образовательной деятельности. Решение:онлайн-курсы длительностью не более 16 академических часов.

Для реализации раздела «Академия онлайн-сервисов» не требуется образовательная лицензия, если не будет предусмотрена выдача удостоверения о повышении квалификации установленной формы или диплом об освоении программы. При этом преподаватель онлайн-академии может не иметь специального образования.Однакоесли курс обучения будет составлять более 16 академических часов, то в соответствии с п. 12 Приказа «Об утверждении порядка организации и осуществления образовательной деятельности по дополнительным профессиональным программам» Министерства образования и науки Российской ФедерацииПриказ Министерства образования и науки Российской Федерации от 1 июля 2013 г. № 499 // Информационный портал НИУ ВШЭ[Электронный ресурс]. URL: 273-фз.рф/akty_minobrnauki_rossii/prikaz-minobrnauki-rossii-ot-01072013-no-499#p12/ (дата обращения 30.04.2020).такое обучениепопадет под понятие «Повышение квалификации», что повлечет за собой требование к получению лицензии на образовательную деятельность, выдачу свидетельства о повышении квалификации, а также наличие преподавателя с релевантным образованием.

4. Риск: незаконное оказание платных образовательных услуг. Решение: регистрация владельца образовательного портала в качестве индивидуального предпринимателя.

Для предоставления платного доступа к разделу «Обучение» владелец образовательного портала обязан пройти регистрацию и получить статус Индивидуального предпринимателя, так как деятельность, которая направлена на систематическое получение прибыли от оказания услуг, выполнения работ, носит самостоятельный характер и осуществляется лицом на свой риск, является предпринимательской и должна осуществляться лицом, осуществляющего такую деятельность, зарегистрированным в установленном законом порядке (абзац 3 п. 1 ст. 2 ГК РФ)Гражданский кодекс Российской Федерации (часть первая) от 30.11.1994 N 51-ФЗСтатья 2 // СПС КонсультантПлюс[Электронный ресурс]. URL:http://www.consultant.ru/document/cons_do-c_LAW_5142/8d8cd335130f04a7036c1eb50fff606c93fc643a/(дата обращения: 15.04.2020)..

5. Риск: нарушение авторских прав при создании публикаций. Решение: публикация авторского контента или очистка авторских прав.

В соответствии со статьей 1259 Гражданского кодекса Российской ФедерацииГражданский кодекс Российской Федерации (часть четвертая)" от 18.12.2006 N 230. Статья 1259. Объекты авторских прав// СПС КонсультантПлюс[Электронный ресурс]. URL: http://www.consu-ltant.ru/document/cons_doc_LAW_64629/be05678dc42ddc67aae5be9ba9beebd367fb9a3f/(дата обращения: 15.04.2020). произведения науки, литературы и искусства независимо от достоинств и назначения произведения, а также от способа его выражения являются объектами авторского права. Исключительные права на произведения принадлежат автору или иному правообладателю.

Использование таких произведений любыми способами, независимо от того, совершаются ли соответствующие действия в целях извлечения прибыли или без такой цели, допускается только с согласия автора или иного правообладателя, за исключением случаев, когда Гражданским кодексом Российской Федерации допускается свободное использование произведения.Цели образовательного портала «Как просто? Медиа» не попадают под случаи «Свободного использования объектов авторских прав»(статьи 1273, 1274, 1277, 1278 и 1279 Гражданского кодекса Российской Федерации). Поэтому для размещения примеров медиапроектов в разделах «Мультимедийные форматы» или «Мультимедийные сервисы» требуется разрешение автора или иного правообладателя.

6. Риск: нарушение авторских прав на пользовательский контент (предложенные статьи или примеры медиапродуктов). Решение:раздел «Исключительные и авторские права» в пользовательском соглашении.

Предлагая свою статью или медиапроект путем заполнения формы в личном кабинете, а также присылая созданные в ходе обучения в онлайн-академии медиапроекты, пользователь передает образовательному порталу права на контент путем заключения простой неисключительной лицензии. Условия лицензионного договора прописаны в пользовательском соглашении и предполагают передачу неисключительных авторских прав на весь срок и на всю территорию. После заполнения пользователем формы в личном кабинете и отправки информации, администраторы образовательного портала получают возможность использовать произведения пользователя всеми способами, описанными в статье 1270 Гражданского кодекса Российской Федерации Гражданский кодекс Российской Федерации (часть четвертая)" от 18.12.2006 N 230. Статья 1270.

// СПС КонсультантПлюс[Электронный ресурс]. URL: http://www.consultant.ru/document/cons_do-c_LAW_64629/dffcf0b87b80ff38f430dc822a0074e76ccd41a0/(дата обращения: 15.04.2020)..

7. Риск: незаконная публикация информации о сторонних онлайн-сервисах.Решение:изучение пользовательских соглашений этих сервисов.

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

8. Риск:возникновение ответственности за опубликованную на образовательном портале информацию о сторонних онлайн-сервисах. Решение: публикация специального уведомления.

Образовательный портал «Как просто? Медиа» является базой данных -- каталогом мультимедийных сервисов. Вся информация, публикуемая в карточках мультимедийных сервисов и мультимедийных форматов, является действительной и актуальной лишь на дату публикации. Информация о функционале сервисов, их особенностях и тарифах носит ознакомительный характер. Принятие решение об использовании каких-либо онлайн-сервисов, перечисленных на портале, пользователь осуществляет самостоятельно. Уведомление об информационном характере материалов публикуется в нижней части («Подвале») образовательного портала, а также в пользовательском соглашении.