МЕТОДИКА РАЗРАБОТКИ КОНФИГУРАЦИИ WEB-РЕСУРСА "СТОЛОВАЯ СГУГИТ" Текст научной статьи по специальности «Компьютерные и информационные науки»

УДК 004.514

МЕТОДИКА РАЗРАБОТКИ КОНФИГУРАЦИИ WEB-РЕСУРСА «СТОЛОВАЯ СГУГиТ»

Екатерина Алексеевна Иматова

Сибирский государственный университет геосистем и технологий, 630108, Россия, г. Новосибирск, ул. Плахотного, 10, обучающийся, тел. (913)486-80-42, e-mail: katya.imatova@yandex.ru

Андрей Александрович Басаргин

Сибирский государственный университет геосистем и технологий, 630108, Россия, г. Новосибирск, ул. Плахотного, 10, кандидат технических наук, доцент кафедры прикладной информатики и информационных систем, тел. (383)343-18-35, e-mail: abaspirant@mail.ru

В статье рассматривается проблема быстрого доступа к меню и информации в столовой СГУГиТ. Разработана подробная структура и описание web-ресурса «Столовая СГУГиТ». В процессе работы выполнен дизайн-проект основных web-страниц в составе web-ресурса.

Результатом работы является методика конфигурации web-ресурса «Столовая СГУГиТ», которая в дальнейшем поможет пользователю получить быстрый доступ к меню столовой.

Ключевые слова: web-ресурс, конфигурация, разработка, интерфейс, навигация, столовая

METHODOLOGY FOR THE DEVELOPMENT OF THE CONFIGURATION OF THE WEB RESOURCE "DINING ROOM OF SSUGT"

Ekaterina A. Imatova

Siberian State University of Geosystems and Technologies, 10 Plakhotnogo str., Novosibirsk, 630108, Russia, Student, phone: (913)486-80-42, e-mail: katya.imatova@yandex.ru.

Andrey A. Basargin

Siberian State University of Geosystems and Technologies, 10 Plakhotnogo str., Novosibirsk, 630108, Russia, Ph. D., Associate Professor, Department of Applied Informatics and Information Systems, phone: (383)343-18-35, e-mail: abaspirant@mail.ru

The article deals with the problem of quick access to menus and information in the dining room of SSUGT. A detailed structure and description of the web-resource "Dining room of SSUGT" has been developed. In the process of work, a design project of the main web-pages was completed as part of a web-resource.

The result of the work is a methodology for configuring the web-resource "Dining room of SSUGT", which in the future will help the user to get quick access to the dining room menu.

Keywords: web resource, configuration, development, interface, navigation, SSUGT's dining

room

Введение

«Web-ресурс - это совокупность логически связанной гипертекстовой информации, оформленной в виде отдельных страниц и доступной в сети Интернет» [7].

Мы создаем такой продукт, в котором будут элементы связаны между собой. Если это меню, то переходя по этой кнопке [3], мы видим список блюд. И вся структура аналогична примеру.

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

Целью данной работы является определение методики разработки конфигурации web-ресурса «Столовая СГУГиТ».

Этапы конфигурации web-ресурса

1. Создание главной страницы, которая содержит все пункты меню (рис. 1).

Ш":"-)-! illfu.Kpiipil : lll.lil.ril

ОНЛС КОНТАКТЫ МКНЮ СТОЛОВАЯ МЕНЮ КАФЕ МЕНЮ 111'КПОДАВАТК.IКМ

Рис. 1. Пункты меню

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

2. Создание блока с информацией о столовой (рис. 2).

О нас

Посмотрите этот небольшой ролик о столовой СГУГит. Вы узнаете каких успехов она достигла и почему наши студенты каждый день выбирают именно её.

Рис. 2. Блок информации о столовой

В нем будут представлены фотографии и видео, которые познакомят пользователя со столовой.

3. Создание блока для обратной связи (рис. 3).

Наши контакты

Если остались вопросы-звдайтс нам!

Телефон: +7 (383) 343"39"34 к-чл

11очта:

Ими

[. I |[][Ч][ |1)Г[< к.;, 1.1 I. [;:■::) I [ :: [ п.и I

с щ ц (Я

1 " СииОшснш:

Рис. 3. Блок с обратной связью

Блок содержит форму для заполнения пользователем, у которого возникли вопросы [2] или появились предложения по улучшению сервиса столовой. 4. Создание внутренней страницы «Меню столовая» (рис. 4).

Рис. 4. Вкладка «Меню столовая»

Она будет содержать все блюда, которые представлены в столовой. К ним можно применить фильтр [5], который отобразит блюда по категориям. А также пользователь сможет прочитать состав, после чего добавить в корзину [1] блюдо.

5. Создание внутренней страницы «Меню кафе» (рис. 5).

Здесь будет содержаться актуальный список напитков и хлебобулочных изделий. После ознакомления с ассортиментом, пользователь может добавить понравившеюся позицию в корзину [1].

6. Создание внутренней страницы «Меню преподавателей» (рис. 6). Действия аналогичны меню столовой.

Рис. 6. Меню преподавателей

Результаты

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

БИБЛИОГРАФИЧЕСКИЙ СПИСОК

1. Браун, Э. Изучаем JavaScript. Руководство по созданию современных веб-сайтов. / Э. Браун. - Москва, 2017. - 368 с.

2. Веселкова, Т. В. Эффективная эксплуатация сайта / Т. В. Веселкова, А. С. Кабанов. -Москва, 2011. - 176 с.

3. Всё о web-ресурсах [электронный ресурс] - Режим доступа: https://webnauka.com/internet-resurs.php

4. Маркотт, И. Отзывчивый веб-дизайн / И. Маркотт. - Москва, 2012. - 100 с.

5. Никсон, Р. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5 / Р. Никсон. - Санкт-Петербург, 2016. - 768 с.

6. Щербаков, А.Ю. Интернет-аналитика. Поиск и оценка информации в web- ресурсах. / А.Ю. Щербаков. - Москва, 2012. - 80 с.

7. Web-ресурс [электронный ресурс]. - Режим доступа: https://webshake.ru/post/veb-resurs-chto-eto-takoe.

© Е. А. Иматова, А. А. Басаргин, 2021