Разработка веб-сайта для выбора автомобиля по заданным пользователем критериям

1. Разработка веб-сайта для выбора автомобиля по заданным пользователем критериям

Студент: Владислав Хитров
DO St 41071
Руководитель: Ольвия Комашилова, Mg.Sc.Comp

2. Цель работы

Разработать веб-сайт позволяющий
публиковать, искать и сравнивать
объявления о продаже автомобилей.
2

3. Задачи работы

Провести анализ предметной области;
Проанализировать сайты-аналоги;
Сформулировать требования к разрабатываемому
веб-сайту;
Спроектировать веб-сайт;
Разработать базу данных отвечающую требованиям;
Реализовать веб-сайт в соответствии с требованиями;
Провести тестирование веб-сайта.
3

4. Актуальность

В последние годы регистрируется примерно от 14000 до 18000 автомобилей в год, из которых ~8000
новые. (www.csdd.lv)
Популярные модели в 2021 г.
800
728
700
699
615
600
500
425
392
400
353
343
329
321
278
300
200
100
0
Toyota RAV4 Toyota Corolla Škoda Oktavija
VW Tiguan
Škoda Kodiaq
VW Golf
Peugeot 308
Популярные модели в 2021 г. по данным Press.lv
VW Passat
KIA Sportage
Nissan
Quashqai
4

5. Основные требования к веб-сайту:

Наличие возможности поиска и сравнения автомобилей по
заданным критериям
Разделение посетителей сайта на гостей, пользователей и
администраторов (дилеров)
Добавление уникальных дилерских опций (Подогрев руля,
адаптивный круиз контроль, мультимедийная система,
бесключевой доступ, LED-освещение)
Добавление объявлений с детальным описанием автомобиля
Веб-сайт должен обладать кросс браузерностью
5

6. Результаты анализа аналогов

Функция
Необходимость
регистрации для
просмотра
Наличие информации
о комплектации
автомобиля
Возможность
сравнить
характеристики
Возможность
сравнить
комплектации
(дилерские опции)
Возможность
посмотреть разные
марки автомобилей
Наличие информации
о цене на автомобиль
e-mobile.lv
SS.LV
Volkswagen.lv
Autospot.ru
Auto-abc.lv
Разрабатываемый веб-сайт
Требуется
Не требуется
Не требуется
Регистрация дает
привилегии
Не требуются
Не требуются
Нет
Частично
Да
Да
Нет
Да
Нет
Нет
Нет
Да
Да
Да
Нет
Нет
Нет
Нет
Нет
Да
Да
Да
Нет
Да
Да
Да
Да
Да
Да
Да
Нет
Да
6

7. Схема архитектуры приложения

metanit.com
7

8. Основные пользователи

Гость;
Зарегистрированный пользователь;
Администратор (дилер).
8

9. Use Case диаграмма

9

10. Диаграмма последовательности поиска

10

11.

Модель базы данных
11

12. Логическая структура веб-сайта

12

13. Макет страницы

13

14. Средства реализации

HTML;
CSS;
С#
.NET
Entity Framework Core
Automapper
14

15. Реализация базы данных

15

16. Конечная диаграмма классов

16

17. Фрагмент кода загрузки изображения в объявление

17

18. Реализация интерфейса

Главная страница
Просмотр объявления
18

19. Пример реализации (сравнение автомобилей)

19

20. Пример реализации

Зарегистрированный
пользователь на
главной странице
20

21. Пример реализации

Зарегистрированный
пользователь с
полученными
привилегиями
администратора
21

22. Примеры результатов тестирования (функция поиска)

если ввести «BMW»
если ввести «Subaru»
22

23. Тестирование в разных браузерах

Google Chrome v101.0.4951.64
Microsoft Edge v101.0.1210.39
23

24. Тестирование на разных мобильных устройствах

Iphone 12 PRO
Google Pixel 2
24

25. Заключение

Проанализирована предметная область и 5 аналогов;
Сформулированы и проанализированы требования к вебсайту, построена модель требований;
Спроектирован и реализован веб-сайт;
Проведено функциональное и кроссбраузерное
тестирование, а также тестирование на разных устройствах;
Исправлены все выявленные ошибки.
25

26. Спасибо за внимание!

26