Создание виджетов в ЕИПСК
Виджеты – это небольшие независимые информационные блоки, содержащие определенный текст, картинку или форму обратной связи. Такие модули могут считать количество посещений на сайте, создавать формы заявки на событие, анонсировать мероприятия.
После создания виджета, можно увидеть, как он будет выглядеть, с помощью кнопки «Предпросмотр». Готовый код виджета можно самостоятельно встроить в структуру сайта или обратиться к его разработчикам.
В ЕИПСК можно делать виджеты разных типов и форматов: каждый из них многофункционален и может быть использован для разных анонсов. Однако в зависимости от конкретной цели тот или иной формат может быть эффективнее, нежели другой. Поэтому прежде, чем приступить к инструкциям по созданию виджетов, необходимо подробно рассмотреть некоторые их компоненты: формат и форму обратной связи.
Форматы виджетов
Всплывающее диалоговое окно. Этот виджет представляет собой атономный модуль, появляющийся на главной странице сайта. Он включает в себя текст, изображение, кнопки для обратной связи, кнопку для закрытия виджета. Нефиксированный виджет. Такой виджет удачен для анонсирования мероприятий, требующих размещения минимального количества информации.
Например, в город в рамках театрального фестиваля приезжает молодая театральная труппа с экспериментальным спектаклем. Труппа неизвестная, спектакль тоже, и чтобы рассказать потенциальным посетителям о них, принимающему театру можно сделать виджет с яркой фотографией, небольшим анонсом спектакля и ссылкой на официальный сайт труппы, и разместить его на главной странице своего театра.
Рис. 11. Всплывающее диалоговое окно
Полоса вверху страницы. Это виджет представляет собой элемент в верхней страницы. Он выглядит как полоса на всю ширину экрана с названием виджета и ссылкой на указанную страницу. Фиксированный элемент. Формат подходит для короких напоминаниях о событиях и новостях, которые подробно можно прочесть по ссылке.
Например, в художественном музее ожидается временная экспозиция из крупного музея мирового масштаба «Искусство древности». Это очень яркое событие, и лучше начать анонсировать его за долгое время до проведения, например, за месяц. В этот период и можно разместить баннер в верхней части экрана. Ненавязчиво, но в то же время заметно он будет напоминать о предстоящей выставке.
Рис. 12. Полоса в верхней части страницы
Полоса внизу страницы. Этот элемент представляет собой элемент в нижней части страницы. Он выглядит как полоса на всю ширину экрана с названием виджета и активной ссылкой на сайт, указанный создателем виджета. Формат подходит для короких напоминаниях о событиях и новостях, которые подробно можно прочесть по ссылке.
Например, в библиотека совместно с краеведческим музеем подготовила масштабный проект о знаменитых земляках «Сыны нашей земли», включающий фотографии, документы, интересные факты. И разместила эти материалы на отдельной интернет-странице. Чтобы люди узнавали о нем, находясь на сайте этих учреждений, можно создать статичные виджеты.
Рис. 13 Полоса внизу страницы
Блок внизу страницы. Этот блок представляет собой элемент прямоугольной формы в нижней части экрана. На нем есть изображение, активная ссылка на сторонний сайт, небольшой текст. Такой формат подходит для случаев, когда необходимо привлечь внимание к событию в наиболее коротком и эффективном виде.
Например, ожидается выступление известной балетной труппы. Учреждению, которое анонсирует это мероприятие, хочется установить статичный баннер, но который привлекает внимание. Решением может стать баннер в виде статичного блока в нижней части страницы.
Рис. 14. Блок внизу страницы
Типы обратной связи в виджетах
Виджеты в АИС «ЕИПСК» не только выполняют информативную функцию, но еще и позволяю добиться от пользователя определенной обратной связи, например, оставления контактных данных или отзыва. В разных видах присутсвуют четыре вида обратной связи: контактные данные, заявка на событие, напоминание о событии, отзыв.
Необходимо рассмотреть каждый из этих видов подробно.
Контактные данные.
Этот тип обратной связи, который позволяет посетителю сайта оставить свои контактные данные для получения в дальнейшем рассылок. Форма располагается на всплывающем виджете разных типов. Пользователю достаточно нажать на «Следить за событием», далее оставить номер телефона и адрес электронной почты (или только e-mail) и отправить эти данные с помощью кнопки. Контакт автоматически попадает в раздел «Аудитория» учреждения, создавшего виджет в ЕИПСК.
Рис. 15. Форма для контактных данных
Заявка на мероприятие. Это форма обратной связи нужна, чтобы пользователь мог не просто оставить контактные данные, чтобы следить за новостями учреждения, но и записаться на событие.
Например, в Доме культуры проходит набор в группы современных танцев для разных возрастов. ДК на своем сайте размещает данный виджет, чтобы люди могли заранее записаться на первое занятие. С помощью этой формы можно записаться заранее на это мероприятие. Сотрудники, в учреждение которых приходит эта заявка, в свою очередь, могут выслать напоминание и по электронной почте пригласить этого пользователя и на другие свои мероприятия.
Рис. 16. Форма заявки на мероприятие.
Отзыв. Этот тип обратной связи подразумевает, что пользователь может оставить отзыв о событии или месте. Виджет может использоваться как форма сбора мнений аудитории.
Например, библиотечная система провела масштабный конкурс «Культурный марафон», подробные результаты которого вывешены на сайте. Подразумевается, что люди зайдут на сайт, чтобы посмотреть, кто сколько очков набрал. На странице с результатами и можно разместить виджет «Анонс» с формой обратной связи, где присутствует примерно такой текст: «Дорогие друзья! Вот и закончился наш «Культурный марафон». Мы очень старались сделать его интересным и полезным для вас. А потому нам важно услышать ваше мнение. Пожалуйста, оставьте отзыв и оцените это мероприятие!».
Рис. 17. Форма отзыва.
Напоминание. Еще одна форма обратной связи – напоминание. Эту форму можно выбирать для анонсирующего виджета практически любого события, на которое не нужно заранее покупать билеты. Можно поставить напоминания по СМС и по почте, а так же задать необходимое время.
Например, в доме творчества состоится встреча с известным писателем. Дом творчества на сайте размещает виджет с анонсом этого мероприятия и формой для напоминания. Пользователь, заинтересованный этим событием, оставляет свои данные и указывает, за какое время ему напомнить о встрече.
Рис.18. Форма напоминания о событии
Создание виджета «Анонс»
Виджет-анонс – это тип генерируемого в системе виджета, с помощью которого можно создать анонс события, места, новости со ссылкой на другой интернет-ресурс, например, сайт учреждения. Несомненное удобство такого виджета в том, что можно проанонсировать даже те события, которые проводятся не в создающем их учреждении.
Например, артисты театра выступают в рамках фестиваля в другом городе. Театр хочет проанонсировать это событие на своем сайте, но не добавляет его в систему, т.к. не является организатором. Выход – создать виджет-анонс с ссылкой на сайт фестиваля и разместить его на своем сайте.
Чтобы создать виджет-анонс, необходимо перейти во вкладку «Виджеты», нажать «Создать виджет». В поле «Тип виджета» выбрать «Анонс».
Далее постепенно заполняются поля.
Формат. Тут необходимо выбрать формат в соответствии с целью размещения анонса.
URL. В это поле необходимо вставить ссылку на страницу, где есть более подробная информация о том, что сообщается в виджете. Если такой страницы нет – в поле можно вставить ссылку на любую страницу сайта учреждения.
Рис. 19. Создание виджета «Анонс»
Задержка показа. В этом поле задается промежуток между открытием пользователем страницы и показом виджета. Задержка показа задается цифрами.
Заголовок. Здесь необходимо написать заголовок анонсируемого события, новости и т.д. Рекомендуется использовать емкие и краткие конструкции, а подробности раскрывать в описании.
Описание. Это поле для подробного текста виджета. Текст должен быть интересным, т.к от того, заинтересуется читатель этим текстом или нет, будет зависеть то, пройдет ли он по ссылке, оставит ли контактные данные. В тексте, помимо самой новости/анонса могут содержатся такие конструкции:
«Уважаемые посетители сайта! Наш театр участвует во всероссийской «Ночи в театре». Приходите к нам! Записаться на мероприятие можно с помощью кнопки «Оставить заявку»;
«Друзья! У нас заработал Зал древнерусской литературы, где собраны самые интересные произведения литературы периода Средневековья. Приходите! Вы уже были там? Тогда оставьте отзыв!»;
«Дорогие пользователи! 25 апреля приглашаем вас на круглый стол «Природа или промышленность: кто победит?». Отставьте контактные данные, и мы напомним вас о мероприятии!».
Изображение. Картинка должна быть большой и яркой, такой, чтобы посетитель сайта обратил внимание. Изображение – это 30 % внимания пользователя, поэтому рекомендуется особенно тщательно подходить к его выбору.
Тип формы обратной связи. Для этого типа виджета возможны два типа: отзыв и контактные данные.
Сохранить. Чтобы создать виджет, нужно нажать эту кнопку. После этого в следующем окне появится код виджета, готовый для вставки на сайт.
Рис. 20. Вид виджета «Анонс» с формой обратной связи
Создание виджета «Анонс события»
Виджет «Анонс события» нужен в случаях, когда необходимо проанонсировать события, которые есть в системе. Такой тип подходит, когда нужно быстро сделать всплывающее окно на основе введенных данных.
Чтобы создать виджет-анонс, необходимо перейти во вкладку «Виджеты», нажать «Создать виджет». В поле «Тип виджета» выбрать «Анонс события».
Далее очередно заполняются поля.
Формат. Выбирается подходящий формат: всплывающее окно, блок или полосы.
Задержка показа. В этом поле задается промежуток между открытием пользователем страницы и показом виджета. Задержка показа задается цифрами.
URL. В это поле необходимо вставить ссылку на страницу, где есть более подробная информация о том, что сообщается в виджете. Если такой страницы нет – в поле можно вставить ссылку на любую страницу сайта учреждения.
Кнопки «Конкретное событие» и «Ближайшее событие». Первая кнопка нужна, чтобы самостоятельно выбрать необходимое для анонсирования события. Второе просто формирует анонс ближайшего события учреждения, которое создает виджет.
Событие. Здесь необходимо начать набирать название события и выбрать его из выпадающего списка. Если виджет создается учреждением-модератором, можно будет выбрать одно из событий подведомственных учреждений.
Формы обратной связи. Здесь необходимо выбрать отзыв, заявку на мероприятие, напоминание или контактные данные.
Кнопка «Сохранить» завершает процесс создания виджета. Далее можно скопировать код виджета и вставить его на сайт.
Рис.21. Создание виджета «Анонс события»
Например, библиотека им. Федорова проводит акцию памяти писателя и хочет привлечь как можно больше посетителей. Для этого создается виджет «Анонс события» с формой напоминания о мероприятии. Таким образом, человек, заинтересовавшийся акцией, может получить напоминание, чтобы не пропустить ее.
Рис. 22. Виджет «Анонс события»
Создание виджета «Анонс места»
Этот виджет необходим в случаях, когда есть потребность рассказать о каком-то конкретном месте, например, недавно открывшемся музее объединения или библиотеке.
Чтобы создать этот виджет, необходимо перейти во вкладку «Виджеты», нажать «Создать виджет». В поле «Тип виджета» выбрать «Анонс места».
Последовательно заполняются поля.
Формат. Выбирается подходящий формат: всплывающее окно, блок или полосы.
Задержка показа. В этом поле задается промежуток между открытием пользователем страницы и показом виджета. Задержка показа задается цифрами.
URL. В это поле необходимо вставить ссылку на страницу, где есть более подробная информация о том, что сообщается в виджете. Если такой страницы нет – в поле можно вставить ссылку на любую страницу сайта.
Место. В этом поле необходимо выбрать одно из мест, которые внесены в систему. Если виджет создается учреждением-модератором, можно будет выбрать одно из подведомственных мест.
Формы обратной связи. Здесь необходимо выбрать отзыв или контактные данные.
Кнопка «Сохранить» завершает процесс создания виджета. Далее можно скопировать код виджета и вставить его на сайт.
Рис. 23. Создание виджета «Анонс места»
Например, в библиотечную систему входят десятки мест. Они располагаются в разных населенных пунктах и почти не связаны между собой. Однако центральная библиотека имеет свой сайт, где и хочет рассказать о своих филиалах. В таком случае места с описанием и фото добавляются в систему, а потом создаются виджеты для размещения на сайте.
Рис. 24. Виджет «Анонс места»
Создание виджета «Анонс событий»
Это тип виджетов очень полезен, когда необходимо сделать анонс-подборку нескольких событий, например, одной тематики. Этот функционал будет наиболее удобен учреждениям с большим количеством мероприятий (например, лекций или праздников), а также модераторам районов, городов и областей, которые смогут анонсировать события нескольких подведомственных учреждений сразу.
Чтобы создать этот виджет, необходимо перейти во вкладку «Виджеты», нажать «Создать виджет». В поле «Тип виджета» выбрать «Анонс событий».
Последовательно заполняются поля.
Формат. Здесь можно выбрать только один формат: встроенный.
Заголовок. В это поле необходимо написать интересный заголовок, который тематически отображает группу событий. Например «Лучшие лекции библиотечной системы» или «Самые интересные фестивали района».
Шаблон отображения. Здесь можно выбрать вертикальный список (блоки расположены один за другим сверху вниз), горизонтальные карточки (блоки располагаются горизонтально), блок с переключением (события меняются местами).
Количество элементов. Здесь необходимо выбрать количество отображаемых блоков. Один блок соотвествует одному событию.
События. Для учреждений без прав модератора здесь можно выбрать только один тип событий – свои. Учреждениям, у которых есть права модераторов, можно также выбрать события подведомственных учреждений.
Категории. Здесь нужно выбрать, какая категория будет показываться в виджетах. Это могут быть образовательные мероприяти, праздники, выставки и т.д.
Теги. В этом поле указываются ключевые слова, например, «детские», «выходные», «искусство» и т.д.
Сохранить. Чтобы завершить создание виджета, нужно нажать «Сохранить». Код виджета можно встроить на сайт.
Рис. 25. Создание виджета «Список событий»
Например, в районе проходит много различных мероприятий. Чтобы создать тематический виджет, управление культуры района выбирает подведомственные события, выбирает необходимый формат отображения и может разместить виджет на сайт.
Рис. 26. Виджет «Список событий»
Создание виджета «Карта событий»
Виджет «Карта событий» нужен для наглядной демонстрации событий на карте. Он встраивается на сайт учреждения, которое проводит мероприятия. Это виджет, как и предыдущий, удобен для использования учреждениями, которые проводят большое количество событий.
Чтобы создать виджет «Карта событий», нужно перейти во вкладку «Виджеты», нажать «Создать виджет». В поле «Тип виджета» выбрать «Карта событий».
Последовательно заполняются поля.
Формат. В этом поле можно выбрать только встроенный формат.
Заголовок. В этом поле указывается название виджета, например, «Фестивальная карта области» или «Праздники в домах культуры».
События. Для учреждений без прав модератора здесь можно выбрать только один тип событий – свои. Учреждениям, у которых есть права модераторов, можно также выбрать события подведомственных учреждений.
Категории. Здесь нужно выбрать, какая категория будет показываться в виджетах. Это могут быть образовательные мероприятия, праздники, выставки и т.д.
Теги. В этом поле указываются ключевые слова, например, «изобразительное искусство», «история», «дети» и т.д.
Сохранить. Чтобы завершить создание виджета, нужно нажать «Сохранить». Код виджета можно встроить на сайт.
Рис. 27. Создание виджета «Карта событий»
Например, организационно-методический центр подготовил ряд образовательных мероприятий в районах. Все события были добавлены в систему. Формируется виджет с картой, затем он встраивается на сайт центра. Посетители, таким образом, смогут наглядно представить, где и когда проходят мероприятия, а также получить подробную информацию при нажатии на конкретную точку.
Создание виджета «Баннер Культура.рф»
Виджет-счетчик – наиболее распространенный тип, он помещается на странице в виде статичного блока. Его задача – собирать статистику по посещениям и просмотрам сайта.
Рис. 28. Виджет «Баннер Культура.рф»
Для создания этого инструмента необходимо войти во вкладку «Виджеты», а затем нажать на кнопку «Добавить виджет» в правом верхнем углу экрана.
Виджет «Баннер Культура.рф» позволяет создать удобный функционал для подсчета количества посетителей на сайте. Для создания такого счетчика необходимо:
Войти в систему, затем перейти в раздел «Виджеты» и нажать кнопку «Создать».
Выбрать в строчке «Тип» «Баннер Культура.рф».
Чтобы сгенерировать виджет, необходимо заполнить следующие поля:
Размер виджета (может быть разным– 20px, 30px, 40px, 60px). Он выбирается в зависимости от вида баннерного блока и пожеланий создателя виджета.
Формат виджета (по умолчанию встроенный, т.е. баннер будет зафиксирован в определенном месте экрана).
Стиль виджета (определяет цветовую схему – светлую или темную).
URL баннера (ссылка на представительство учреждения на сайте культура.рф\culture.ru).
Рис. 29. Панель редактирования виджета
После заполнения всех полей необходимо нажать «Сохранить». Следующий шаг – копирование кода виджета для вставки его на сайт. Форма с информацией о виджете появляется сразу после его создания.
Рис. 30. Информация о виджете
В поле «Код для вставки» можно взять необходимую для встраивания на сайт информацию..
|
