menuMenu

Урок 2 — Виджеты. Структура главной страницы события.


Ссылки по уроку

Примеры работы с Виджетами:



В будущих событиях Виджеты добавляются в конец списка. В прошедших - в начало.

Главная страница события условно делится на 3 части:

  1. Шапка события.
  2. Структурный блок.
  3. Виджеты.

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

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

Далее следует структурный блок события, зависящий от его типа. В общем понимании он отображает временну́ю раскладку события: график, этапы, связанные с ним даты — т. е. все события, связанные с текущим. В базовом варианте структурный блок представлен только временны́м графиком. Цвет линии события на этом графике совпадает с цветом маркера индикации события, если он установлен. На графике показано текущее положение пользователя во времени и наглядно видно отношение временных рамок события к этому положению. По мере приближения даты старта к текущему моменту, флажок старта будет двигаться от центра к левой части графика. К моменту начала события график растянется на всю ширину экрана, говоря нам о том, что событие находится в активной стадии. После начала указатель текущего времени события начнёт движение слева на право и будет двигаться до конца правой части графика, пока событие не окончится. После окончания события указатель текущего времени займёт крайнее правое положение, а флажок финиша начнёт перемещаться в центр по мере давности окончания события. В зависимости от того, включён модуль Люди или нет, под флажком может располагаться кнопка присоединения к Событию — плюс один. О других структурных блоках события, таких как Этапы и Даты расскажем отдельно.

Теперь давайте познакомимся с Виджетами. Виджет — это основной информационно-смысловой строительный блок главной страницы события, положение которого можно изменять. В узком понимании — это обособленные заголовок и абзац текста. Но с помощью виджетов можно создавать сложные и интересные информационные конструкции, поднимая и опуская необходимые блоки в зависимости от стадии события. Например, до начала события актуально разместить вверху страницы Афишу, Анонс, Программу, Положение о мероприятии, информацию о Спонсорах, Цены, Логистическую информацию. В период проведения события хорошим тоном будет информировать пользователей о предварительных результатах, вести в прямом эфире видеострим, выкладывать актуальные новости. После завершения — всем будут интересны результаты, ссылки на фотоальбомы, отзывы участников, записи в блогах. Именно для этого и предназначены виджеты.

Давайте создадим первый виджет.

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

Виджет Галерея — аккумулирует в себе важные изображения с события, такие как Обложка и фотографии геоточек с маршрута. Логика подстановки изображений в этот виджет может со временем изменяться.

Виджет Анонс — содержит первичную, вводную информацию, чаще рекламного характера.

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

Название Виджета — это заголовок к информационному блоку.

Основной текст виджета — состоит из тематической информации. Тут возможно форматирование текста, прикрепление изображений, файлов и видео.

Нажимаем кнопку Добавить виджет.

Созданный виджет отобразиться в верху блока Виджетов. Изменить его положение можно путём перетаскивания. Вот так.

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