Сайт Национального исследовательского технологического университета МИСиС

• ОписаниеПроцесс
Задача.
Поэтапно обновить сайт научно-образовательного центра.

НИТУ «МИСиС» основан в 1918 году как Московская горная академия. Сегодня вуз специализируется в основном на научной деятельности и занимает девятое место среди российских учебных заведений в рейтинге «Таймс хайер эдьюкейшен». На базе МИСиС открыты международные лаборатории, где сотрудники и студенты создают медицинские биоматериалы, совершенствуют методы диагностики и лечения болезней, разрабатывают сверхлегкие материалы и ищут новые возможности их применения. Все, чем живет научный центр, структурировано и представлено на страницах сайта.

Блочная система

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

¼   ½   ¾   1   100%

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

Разводящая страница   Страница статьи   Страница выдачи материалов

Графический язык

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

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

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

Технологические решения

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

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

Благодаря адаптивному дизайну страницы сайта отлично выглядят на экранах любых устройств.

Образование  Веб