Инрстрп. ПЗ_Курсовой проект по ПИ. Курсовая работа по дисциплине Программная инженерия Управление жизненным циклом ис Создание интернеткаталога по продаже фастуда для ооо Мания вкуса

• Название: Курсовая работа по дисциплине Программная инженерия Управление жизненным циклом ис Создание интернеткаталога по продаже фастуда для ооо Мания вкуса
• Анкор: Инрстрп
• Дата: 04.11.2022
• Размер: 3.09 Mb.
• Имя файла: ПЗ_Курсовой проект по ПИ.docx
• Тип: Курсовая; #769849
• страница: 9 из 11

4.3 Проектирование интерфейса пользователя

На основе интервьюирования заказчика, а также, согласованого обеими сторонами технического задания, выполняются проектирование интерфейса пользователя. Сайт разработан на коробочной версии CMS, вместо прототипирования выполняется доработка и иcправление сайта на CMS.

На рисунке 14 представлена главная страница.


Рисунок 14 - Главная страница
На рисунке 15 представлены фото магазина «Мания вкуса».


Рисунок 15 - Cтраница «Магазин»

На рисунке 16 представлена страница информации о доставке.



Рисунок 16 - Страница «Информация о доставке»
На рисунке 17 представлена страница и информацией о контактах: телефон, адрес, карта Google Maps.


Рисунок 17 - Страница «Контакты»


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



Рисунок 18 - Страница Отзывы
На рисунке 19 представлена страница тизерами при открытии категории «Салат» Тизер это-изображение с краткой информацией о продукте, представлены на рисунке. Другие категории продуктов, представлены аналогичными тизерами.



Рисунок 19 - Тизеры категории «Салаты»

При клике по тизеру открывается полная информация о товаре, представленная на рисунке 20. От тизера отличается увеличенным изображением (480х480), а также н наличием состава продукта, его веса и размера.

Рисунок 20- Полная информация о товаре

4.4 Проектирование базы данных

Схема базы данных содержит 124 таблицы. Физическая модель представлена в приложении 1.

5 Программная реализация системы

В данном разделе описывается процесс реализации решения в соответствие с принятыми ранее проектными решения и концепцией решения.

Описание реализации веб-сайта может включать в себя:

- Описание процесса создания страниц сайта согласно структуре сайта

- Описание специфики применения выбранной CMS, отдельных модулей, верстки и т.д.

- Описание выбора хостинга и размещения сайта на хостинге

5.1 Установка Drupal 8 на Openserver.

Устанавливаем локальный сервер «OpenServer» в корневую папку диска. Установка Drupal на «OpenServer» подробно описана в инструкции по установке.

5.2 Создание Базы данных

В программе Adminer, которая находится в папке ядра Drupal, создаем базу данных drupal8, представленной на рисунке 21.


Рисунок 21 – Программа Adminer
Создаем базу данных drupal8. В последствии она будет переименована по названию нашего домена. Созданная БД в таблице представлена на рисунке 22

Рисунок 22 - Создание БД в программе Adminer

5.3 Установка темы сайта.

Стандартная тема при установке Drupal, является Bartik.

Устанавливаем другую тему «Adaptive Theme». Преимущества этой темы состоит в многочисленных настройках, начиная от цветовой схемы и заканчивая созданием пользовательских CSS. Кроме этого просмотр сайта с этой темой на разных устройствах: смартфоны, планшеты, ПК одинаково удобен; размер страницы под каждое устройство можно настроить.