«DEVELOPMENT OF VOLSU INSTITUTE OF MATHEMATICS AND INFORMATION TECHNOLOGIES WEBSITE BASED ON DRUPAL CMS AND BOOTSTRAP CSS-FRAMEWORK Татаринов Б. М., ...»

РАЗРАБОТКА ВЕБ-САЙТА ИНСТИТУТА МАТЕМАТИКИ И ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ ВОЛГУ, ОСНОВАННОГО НА CMS DRUPAL И CSS-ФРЕЙМВОРКЕ BOOTSTRAP

DEVELOPMENT OF VOLSU INSTITUTE OF MATHEMATICS AND INFORMATION TECHNOLOGIES WEBSITE BASED ON DRUPAL CMS AND BOOTSTRAP CSS-FRAMEWORK

Татаринов Б. М., студент кафедры информационных систем и компьютерного моделирования института математики и информационных технологий, Волгоградский государственный университет

Byulent M. Tatarinov, Volgograd State University, Volgograd, Volgograd region/oblast, Russian Federation.

Аннотация

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

Abstract

In present work we considered the history of VolSU Institute of Mathematics of Information Technologies website, its current state, analysed a shortcomings of site design and functionality. We also described the technologies on which we may establish a new site where these shortcomings will be eliminated. We composed general plan of working on IMIT website.

Ключевые слова: веб-сайт, web-разработка, Drupal, Bootstrap

Keywords: website, web development, Drupal, Bootstrap

По данным веб-архива Wayback Machine, собственный сайт у института математики и информационных технологий появился в 2002 г. К сожалению, не удалось точно установить, какие на нём использовались технологии для создания динамического содержимого, но, скорее всего, это были CGI-скрипты на языке Perl – технология, использовавшаяся на большинстве веб-сайтов того времени [1]. Главная страница сайта состояла из логотипа, размещённого по центру, и ссылок на другие страницы, размещённых  по дуге вокруг логотипа (рисунок 1). Внизу размещались ссылки на страницу служебного входа и информацию об авторах сайта. К сожалению, из-за того, что скрипт сайта не был архивирован, информацию об остальных страницах получить не удалось.

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

        В мае 2009 г. появился сайт, основанный на CMS Joomla. К сожалению, дизайн сайта не сохранился в веб-архиве. По данным, остававшимся в подвале сайта, данный сайт использовал тему “Frozen NewYear” (рисунок 3), возможно, модифицированную. Данный сайт был размещён на компьютере в одной из аудиторий ИМИТ. Со списанием сервера сайт и форум были утеряны.

        Осенью 2012 г. появился новый сайт, основанный на Umi CMS, который и используется по настоящее время (рисунок 4).

Сайт ИМИТ имеет двухпанельную структуру. В «шапке» сайта расположен логотип института, его название и строка поиска. Основная панель состоит из меню сайта, расположенного наверху, и содержимого страницы ниже. В правой боковой панели размещена ссылка на последний выпуск институтской газеты «Матрица», а также контакты секретариата ИМИТ и кафедр. Подвал сайта содержит ссылки на сайты веб-студии Web++, сервиса продвижения сайтов Volgorate, e-mail для отправки вопросов и пожеланий и копирайт сайта ИМИТ.

Фон сайта представляет собой повторяющийся текстурный рисунок. Выпадающее меню, элементы боковой панели и список новостей оформлены в виде своеобразного «пузыря» - белого скруглённого прямоугольника с выступающим треугольником вверху (рисунок 4).

Как видим, у сайта имеется достаточно простой дизайн и понятная навигация. Вместе с тем стоит обратить внимание на серьёзные недостатки:

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

Поиск по сайту не реализован. При попытке поиска какого-либо запроса выводится сообщение «По данному запросу ничего не найдено».

Некоторые страницы сайта остаются незаполненными или малозаполненными, например, «Стипендии и гранты», «Конференции» и др. Иные же страницы давно потеряли свою актуальность.

Отсутствует система опросов на темы, актуальные для студентов.

Фотографии на страницах сайта являются некликабельными и немасштабируемыми. Полноценной фотогалереи на сайте нет.

Отсутствует возможность оставить отзыв. Страница «Отзывы выпускников» заполняется на основе отзывов, отправленных на электронную почту. Поскольку сейчас электронная почта постепенно вытесняется сервисами быстрых сообщений и социальными сетями, таким способом оставить отзыв никто не пользуется.

Отсутствует пагинация раздела новостей, и все новости показываются общим списком, что является неудобным.

Отсутствует RSS-лента сайта, что затрудняет интеграцию новостного блока на других интернет-ресурсах.

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

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

Однако если недостатки, связанные с дизайном, возможно устранить, то с недостатками функционала сайта это сделать довольно трудно. Связано это с тем, что UmiCMS является проприетарной системой управления содержимым. Любая модификация данной CMS требует предварительного согласования с разработчиком. Это сильно усложняет обслуживание сайта.

Следовательно, первое, что необходимо сделать для реализации вышеуказанной функциональности – это замена проприетарной CMS свободной. Одной из самых популярных CMS с открытым исходным кодом является Drupal [2]. Именно на этой системе управления содержимым было решено разрабатывать сайт в дальнейшем. Мы будем работать с 8 версией данной CMS.

Адаптивный дизайн можно реализовать, создавая макеты для каждой группы устройств вручную или используя специальные фреймворки, упрощающие разработку, например, популярный фреймворк Bootstrap [3]. Для Drupal существует готовая тема, основанная на данном фреймворке, поэтому на данной CMS его можно не устанавливать отдельно – достаточно только персонализировать готовую тему.

По итогам опроса преподавателей, студентов и выпускников ИМИТ был составлен список из 47 требований по изменению сайта. Их можно разделить на 3 группы: дизайн, юзабилити и функциональность. Реализация данных требований при активном содействии кафедр ИМИТ позволит вернуть сайту звание главной информационного портала института.

Список литературы:

Internet Archive: Wayback Machine [Электронный ресурс] - http://archive.org/web/Drupal – Open Source CMS [Электронный ресурс] - https://www.drupal.org/Bootstrap 3 Документация на русском языке [Электронный ресурс] - http://bootstrap-3.ru/index.php