Разработка веб-сайта института математики и информационных технологий ВОЛГУ, основанного на CMSDRUPAL v CSS-фреймворке BOOTSTRAP
Изучение истории создания веб-сайта института математики и информационных технологий. Оценка современного состояния сайта, анализ недостатков его дизайна и функциональности. Описание технологии для устранения недостатков и основы нового сайта института.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | статья |
Язык | русский |
Дата добавления | 03.05.2019 |
Размер файла | 21,7 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
2
РАЗРАБОТКА ВЕБ-САЙТА ИНСТИТУТА МАТЕМАТИКИ И ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ ВОЛГУ, ОСНОВАННОГО НА CMSDRUPAL И CSS-ФРЕЙМВОРКЕ BOOTSTRAP
Татаринов Б. М., студент кафедры информационных систем и компьютерного моделирования института математики и информационных технологий, Волгоградский государственный университет
Аннотация
В настоящей работе рассмотрена история веб-сайта института математики и информационных технологий, его текущее состояние, проанализированы недостатки дизайна и функциональности сайта, описаны технологии, на которых можно основать новый сайт, где данные недостатки будут устранены. Составлен приблизительный план работы над веб-сайтом ИМИТ.
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 г. сайт математического факультета изменил дизайн, а скрипт для создания динамического содержимого был переписан на языке PHP. Ссылки на страницы с информацией о факультете расположились в меню наверху главной страницы, а логотип остался располагаться в центре. Также на сайте появилась возможность регистрации и форум.
В мае 2009 г. появился сайт, основанный на CMS Joomla. К сожалению, дизайн сайта не сохранился в веб-архиве. По данным, остававшимся в подвале сайта, данный сайт использовал тему “Frozen NewYear” (рисунок 3), возможно, модифицированную. Данный сайт был размещён на компьютере в одной из аудиторий ИМИТ. Со списанием сервера сайт и форум были утеряны.
Осенью 2012 г. появился новый сайт, основанный на Umi CMS, который и используется по настоящее время (рисунок 4).
Сайт ИМИТ имеет двухпанельную структуру. В «шапке» сайта расположен логотип института, его название и строка поиска. Основная панель состоит из меню сайта, расположенного наверху, и содержимого страницы ниже. В правой боковой панели размещена ссылка на последний выпуск институтской газеты «Матрица», а также контакты секретариата ИМИТ и кафедр. Подвал сайта содержит ссылки на сайты веб-студии Web++, сервиса продвижения сайтов Volgorate, e-mailдля отправки вопросов и пожеланий и копирайт сайта ИМИТ.
Фон сайта представляет собой повторяющийся текстурный рисунок. Выпадающее меню, элементы боковой панели и список новостей оформлены в виде своеобразного «пузыря» - белого скруглённого прямоугольника с выступающим треугольником вверху (рисунок 4).
Как видим, у сайта имеется достаточно простой дизайн и понятная навигация. Вместе с тем стоит обратить внимание на серьёзные недостатки:
1. Дизайн сайта не является адаптивным, т. е. элементы страницы имеют фиксированную ширину. Это создаёт неудобства при просмотре сайта с мобильных устройств (необходимо прокручивать страницу, изменять её масштаб и т. д.).
2. Поиск по сайту не реализован. При попытке поиска какого-либо запроса выводится сообщение «По данному запросу ничего не найдено».
3. Некоторые страницы сайта остаются незаполненными или малозаполненными, например, «Стипендии и гранты», «Конференции» и др. Иные же страницы давно потеряли свою актуальность.
4. Отсутствует система опросов на темы, актуальные для студентов.
5. Фотографии на страницах сайта являются некликабельными и немасштабируемыми. Полноценной фотогалереи на сайте нет.
6. Отсутствует возможность оставить отзыв. Страница «Отзывы выпускников» заполняется на основе отзывов, отправленных на электронную почту. Поскольку сейчас электронная почта постепенно вытесняется сервисами быстрых сообщений и социальными сетями, таким способом оставить отзыв никто не пользуется.
7. Отсутствует пагинация раздела новостей, и все новости показываются общим списком, что является неудобным.
8. Отсутствует RSS-лента сайта, что затрудняет интеграцию новостного блока на других интернет-ресурсах.
Все эти недостатки привели к снижению популярности сайта ИМИТ и переходу студентов института в социальные сети. Сейчас основным источником информации для студентов является группа «Совет обучающихся ИМИТ» в социальной сети «В контакте». Многие новости института появляются в группе раньше, чем на сайте, а некоторые не появляются вообще. Обратная ситуация наблюдается только с некоторыми новостями (например, новостями о научных семинарах института).
Заявления о том, что подобные информационно-новостные сайты постепенно уступают место соцсетям и стоит ограничиться сайтом вуза и группами/страницами в соцсетях, абсолютно безосновательны. В крупных высших учебных заведениях России и мира свои сайты существуют не только у университетов, но и каждого из их подразделений - институтов, факультетов и кафедр. Основным источником информации для студентов служит именно сайт факультета/института/кафедры, а группы и страницы в социальных сетях выступают лишь в качестве ретранслятора. Так что переход в социальные сети в данном случае отнюдь не является показателем прогресса.
Однако если недостатки, связанные с дизайном, возможно устранить, то с недостатками функционала сайта это сделать довольно трудно. Связано это с тем, что UmiCMSявляется проприетарной системой управления содержимым. Любая модификация данной CMS требует предварительного согласования с разработчиком. Это сильно усложняет обслуживание сайта.
Следовательно, первое, что необходимо сделать для реализации вышеуказанной функциональности - это замена проприетарной CMSсвободной. Одной из самых популярных CMSс открытым исходным кодом является Drupal [2]. Именно на этой системе управления содержимым было решено разрабатывать сайт в дальнейшем. Мы будем работать с 8 версией данной CMS.
Адаптивный дизайн можно реализовать, создавая макеты для каждой группы устройств вручную или используя специальные фреймворки, упрощающие разработку, например, популярный фреймворк Bootstrap [3]. Для Drupalсуществует готовая тема, основанная на данном фреймворке, поэтому на данной CMSего можно не устанавливать отдельно - достаточно только персонализировать готовую тему.
По итогам опроса преподавателей, студентов и выпускников ИМИТ был составлен список из 47 требований по изменению сайта. Их можно разделить на 3 группы: дизайн, юзабилити и функциональность. Реализация данных требований при активном содействии кафедр ИМИТ позволит вернуть сайту звание главной информационного портала института.
Список литературы:
1.Internet Archive: Wayback Machine [Электронныйресурс] - http://archive.org/web/
2.Drupal - Open Source CMS [Электронный ресурс] - https://www.drupal.org/
3.Bootstrap 3 Документация на русском языке [Электронный ресурс] - http://bootstrap-3.ru/index.php
Размещено на Allbest.ru
...Подобные документы
Обзор и анализ используемых технологий, содержания и дизайна сайтов ВУЗов, в том числе созданных на основе CMS. Исследование содержания сайта ПРИПИТ и информационных потребностей различных групп его потенциальных посетителей. Разработка дизайна сайта.
дипломная работа [129,4 K], добавлен 11.03.2010Классификация сайтов по технологиям, влияющим на дизайн и функциональность. Исследование языков программирования для web-сайтов. Характеристика особенностей личных и коммерческих сайтов. Разработка и реализация сайта Института математики и информатики.
отчет по практике [5,1 M], добавлен 09.12.2014Анализ сетевых технологий в гостиничном деле. Официальные сайты компаний. Технологии при создании и поддержке сайтов. Разработка модели web-ресурса, шаблона, тестового примера. Основные этапы создания веб-сайта и презентации. Цены на разработку сайта.
курсовая работа [3,6 M], добавлен 30.03.2014Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".
курсовая работа [3,5 M], добавлен 05.06.2015Основные технологии для разработки Web приложений. Выявление эффективности функционирования web-сайта и информационных технологий университета. Установка локального сервера Denwer. Пользовательская часть сайта. Эффективность программного обеспечения.
дипломная работа [4,4 M], добавлен 14.07.2015Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.
курсовая работа [1,0 M], добавлен 09.01.2014Понятие web-сайта. Разметка HTML, CSS, скрипт PHP, JavaScript. Понятия интервальной математики. Функциональные зоны страниц сайта. Каскадная таблица стилей. Пример использования PHP-скрипта. Алгоритм представления интервальной математики на сайте.
курсовая работа [520,6 K], добавлен 28.09.2017Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.
курсовая работа [686,4 K], добавлен 13.06.2022Раскрытие понятия сети Интернет, краткая история его развития и изучение возможностей современных информационных технологий и областей их применения. Освоение основ веб-технологий на примере разработки веб-сайта: структура, оформление, контент, графика.
курсовая работа [6,1 M], добавлен 31.03.2011Исследование принципов работы, технологии и стандартов IP–телефонии, оценка качества телефонной связи и сжатия речи. Анализ планирования структуры сайта, разработки дизайна, верстки макета. Характеристика регистрации доменного имени и хостинга сайта.
курсовая работа [52,7 K], добавлен 23.12.2011Функциональное назначение, обоснование необходимости WEB-сайта, технические требования. Структурная схема системы, выбор языка программирования и программных средств. Перенос сайта на хостинг, регистрация на поисковиках. Тестирование на кроссбраузерность.
дипломная работа [4,9 M], добавлен 18.12.2011Рассмотрение основных этапов создания сайта. Использование вайрфреймов как документации по проекту. Использование мокапа и структура навигации сайта. Правильный выбор цветов для проекта. Использование модульной сетки и разработка дизайна сайта.
презентация [2,8 M], добавлен 01.09.2019Описание логической структуры таблиц базы данных для разработки web-приложения с помощью технологий ado.net и asp.net. Система меню, программы и модули, используемые в работе сайта. Класс, выполняющий операции и связующий информацию сайта с базой данной.
курсовая работа [104,5 K], добавлен 26.09.2012Обзор проблемы разработки сайтов. Системы управления контентом. Сайты для агентств недвижимости. Контекстная диаграмма и оценка трудоемкости разработки сайта. Анализ предметной области и выделение информационных объектов. Описание реализации сайта.
дипломная работа [2,9 M], добавлен 12.08.2017История веб-дизайна и сайтов. Пример раннего сайта Angelfire. Популярные браузеры, цветовая модель RGB. Структура корпоративного сайта. Предпроектный анализ разрабатываемого веб-сайта. Основные блоки макета. Пример адаптивной верстки. Макет в Photoshop.
дипломная работа [8,0 M], добавлен 10.10.2015Методы создания сайта; выбор и сравнение программных платформ. Разработка структуры и дизайна сайта. Установка Joomla!, настройка расширений и выбор хостинга. Аппаратно-программные способы и средства обеспечения информационной безопасности веб-сайта.
дипломная работа [3,6 M], добавлен 08.04.2014Разработка сайта в приложении FrontPage. Программные средства и технологии, используемые при разработке сайта. Основная структура сайта и размещение исходных файлов. Создание графических страниц, элементов и рисунков. Размещение сайта в сети Internet.
курсовая работа [1,6 M], добавлен 13.06.2013Актуальность создания фирменного web-сайта. Разработка, внедрение web-сайта под названием "Удачная постройка". Анализ существующих программных решений, выбор инструментальных средств разработки. Архитектура сайта, структура данных. Тестирование и отладка.
дипломная работа [4,7 M], добавлен 19.01.2017Проектирование структуры и информационного содержания сайта. Анализ поисковой статистики и подбор синонимов. Целевая аудитория сайта. Реализация каркаса сайта. Разработка навигации и дизайна сайта с использованием css. Реализация интерактивности.
курсовая работа [10,7 M], добавлен 01.09.2016Определение целей создания сайта и целевой аудитории, сбор и анализ необходимой информации. Исследование структуры, концепции, дизайна и функциональности сайтов-конкурентов. Выполнение HTML-верстки, заполнение шаблонов содержимым. Программированием сайта.
дипломная работа [56,4 K], добавлен 12.11.2014