Сайт научной части СПбПУ

Прототипирование

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

Главное меню

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

Поиск

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

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

Левое вертикальное меню

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

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

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

Мини-сайты подразделений

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

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

И мы получили следующее: появилась кнопка «Сайт» в меню группы социальной сети, на странице при нажатии на кнопку «Сайт» появляется группа вкладок, содержимое которых отвечает за управление какой-то частью мини-сайта:

• Вкладка «Настройки» доступна только для администратора портала и она отвечает за настройку привязки этой группы к подразделению университета, и наличие той или иной вкладки, т.е. давать или не давать доступ к наполнению тот или иной информации на мини-сайте.

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

• Вкладка «Страницы» дает возможность добавлять страницы с форматированным содержимым и подключить к ним компоненты с динамическим содержимым (исполняемым php-кодом), а также вывести ссылки на них в меню на странице подразделения.

• Вкладки «Новости», «Анонсы» и «Объявления» - смысл их понятен и без пояснений, но вот о чем точно нужно рассказать, так это о принципе наследования этих элементов от подразделения к подразделению. На портал помимо всех остальных функций также возложена информационная, с элементами социальной сети. Как это реализуется? Каждое подразделение желает и может выступать в качестве поставщика информационных поводов и соответствующие им новости (а также анонсы и объявления) могут касаться и других подразделений научной части университета. В итоге мы дали возможность поставщикам новостей размещать их у себя на минисайте (или отдельном сайте, но об этом в отдельном кейсе) и выводить их подчиненных подразделений, а также предлагать выводить их у вышестоящих подразделений и/или на главной странице сайта научной части. Здесь «предлагать» означает то, что новость не может быть автоматически выведена на вышестоящих подразделениях, как у нижестоящих, и если у новости активируется один из двух чекбоксов, то запускается бизнес-процесс согласования новости. Запущенный бизнес-процесс отправляет уведомление о данной новости сотруднику ответственному за связи с общественностью, который может ее отредактировать, дописать, отклонить (останется только у источника).

Для ведения разработки функционала «Сайт» была создана дополнительная mind-карта.