Главная страница

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


Скачать 3.09 Mb.
НазваниеКурсовая работа по дисциплине Программная инженерия Управление жизненным циклом ис Создание интернеткаталога по продаже фастуда для ооо Мания вкуса
АнкорИнрстрп
Дата04.11.2022
Размер3.09 Mb.
Формат файлаdocx
Имя файлаПЗ_Курсовой проект по ПИ.docx
ТипКурсовая
#769849
страница9 из 11
1   2   3   4   5   6   7   8   9   10   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. Кроме этого просмотр сайта с этой темой на разных устройствах: смартфоны, планшеты, ПК одинаково удобен; размер страницы под каждое устройство можно настроить.

1   2   3   4   5   6   7   8   9   10   11


написать администратору сайта