Курсовой проект Осипов ИСП-31

1. РАЗРАБОТКА САЙТА MHS Для мини-отеля

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«ВОЛОГОДСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ»
УНИВЕРСИТЕТСКИЙ КОЛЛЕДЖ
ИНФОРМАЦИОННЫЕ СИСТЕМЫ И ПРОГРАММИРОВАНИЕ
РАЗРАБОТКА САЙТА MHS
ДЛЯ МИНИ-ОТЕЛЯ
Выполнил: студент группы ИСП-31
Осипов Артём Олегович
2025 год

2. ЦЕЛЬ ПРОЕКТА

• РАЗРАБОТАТЬ ПОЛНОСТЬЮ ГОТОВЫЙ САЙТ MHS ДЛЯ МИНИ-ОТЕЛЯ,
ИСПОЛЬЗУЯ FIGMA ДЛЯ МАКЕТОВ И WEBSTORM ДЛЯ ВЁРСТКИ.

3. ЗАДАЧИ ПРОЕКТА

1. ПРОВЕСТИ АНАЛИТИЧЕСКИЙ ОБЗОР ПРЕДМЕТНОЙ
ОБЛАСТИ.
2. ВЫБРАТЬ СРЕДСТВА РАЗРАБОТКИ ДЛЯ САЙТА.
3. ПРОВЕСТИ АНАЛИЗ ТРЕБОВАНИЯ К САЙТУ.
4. РАЗРАБОТАТЬ МАКЕТ СТРАНИЦ САЙТА
5. РАЗРАБОТАТЬ САЙТ.
6. ПРОВЕСТИ ТЕСТИРОВАНИЕ САЙТА.

4.

АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ
• Мини-отель – объект сферы гостеприимства, требующий повышения видимости и оптимизации работы.
• Ключевые аспекты:
• Повышение узнаваемости: Сайт выступает как информационный и рекламный центр.
• Привлечение гостей: Предоставление полной информации (номера, услуги, цены) для снижения барьера к
бронированию.
• Снижение нагрузки: Автоматизация ответов на типовые запросы (о разновидности номеров, услугах,
контактах).

5.

ВЫБОР ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Sublime Text
VS Code
WebStorm

6.

РАЗРАБОТКА СТРУКТУРЫ САЙТА

7.

РАЗРАБОТКА ТРЕБОВАНИЙ К СТРАНИЦАМ
1. ГЛАВНАЯ СТРАНИЦА: ОБЩАЯ ИНФОРМАЦИЯ ОБ ОТЕЛЕ, НАВИГАЦИОННОЕ МЕНЮ,
ФОТОГРАФИИ НОМЕРОВ.
2. «НОМЕРА»: ДЕТАЛЬНАЯ ИНФОРМАЦИЯ О НОМЕРАХ С ЦЕНАМИ И ФОТО
3. «УДОБСТВА»: ИНФОРМАЦИЯ ОБ УДОБСТВАХ ОТЕЛЯ: ЗАВТРАК, ПАРКОВКА, WI-FI И
МЕСТОПОЛОЖЕНИЕ.
4. «ПРЕДЛОЖЕНИЯ»: СПЕЦИАЛЬНЫЕ ПРЕДЛОЖЕНИЯ ТАКИЕ КАК: БЕСПЛАТНЫЙ ЗАВТРАК,
АКЦИЯ «3+1» И ТАК ДАЛЕЕ.
5. «О НАС»: ПРЕДОСТАВЛЕНА ВСЯ КОНТАКТНАЯ ИНФОРМАЦИЯ, ЧАСЫ РАБОТЫ

8.

РАЗРАБОТКА МАКЕТОВ В FIGMA
Макет главной страницы:

9.

РАЗРАБОТКА МАКЕТОВ В FIGMA
Макет страницы «Номера»:

10.

РАЗРАБОТКА МАКЕТОВ В FIGMA
Макет страницы «Удобства»:

11.

РАЗРАБОТКА МАКЕТОВ В FIGMA
Макет страницы «Предложения»:

12.

РАЗРАБОТКА МАКЕТОВ В FIGMA
Макет страницы «О нас»:

13.

ТЕСТИРОВАНИЕ АДАПТИВНОСТИ
Тестирование в браузере Google Chrome главной страницы.
Разрешение 1440p:

14.

ТЕСТИРОВАНИЕ АДАПТИВНОСТИ
Тестирование в браузере Google Chrome главной страницы.
Разрешение 1024p:

15.

ТЕСТИРОВАНИЕ АДАПТИВНОСТИ
Тестирование в браузере Google Chrome главной страницы.
Разрешение 768p:

16.

ТЕСТИРОВАНИЕ АДАПТИВНОСТИ
Тестирование в браузере Google Chrome главной страницы.
Разрешение 425p:

17.

ТЕСТИРОВАНИЕ АДАПТИВНОСТИ
Тестирование в браузере Google Chrome главной страницы.
Разрешение 320p:

18.

БЛАГОДАРЮ ЗА ВНИМАНИЕ!