📄Работа №202202
Тема: Разработка конфигуратора для интернет магазина с использованием 3D моделирования
Характеристики работы
Тип работы
Дипломные работы, ВКР
Предмет
Программирование
Объем:
54 листов
Год:
2019
Просмотров:
67
4540
руб.
🛒 Купить работу
Не подходит эта работа?
Закажите новую по вашим требованиям
Узнать цену на написание
Закажите новую по вашим требованиям
Представленный материал является образцом учебного исследования, примером структуры и содержания учебного исследования по заявленной теме. Размещён исключительно в информационных и ознакомительных целях.
Workspay.ru оказывает информационные услуги по сбору, обработке и структурированию материалов в соответствии с требованиями заказчика.
Размещение материала не означает публикацию произведения впервые и не предполагает передачу исключительных авторских прав третьим лицам.
Материал не предназначен для дословной сдачи в образовательные организации и требует самостоятельной переработки с соблюдением законодательства Российской Федерации об авторском праве и принципов академической добросовестности.
Авторские права на исходные материалы принадлежат их законным правообладателям. В случае возникновения вопросов, связанных с размещённым материалом, просим направить обращение через форму обратной связи.
Настоящий учебно-методический информационный материал размещён в ознакомительных и исследовательских целях и представляет собой пример учебного исследования. Не является готовым научным трудом и требует самостоятельной переработки.
📋 Содержание
АННОТАЦИЯ 2
ВВЕДЕНИЕ 4
1 ПОСТАНОВКА ЗАДАЧИ 6
1.1 Описание предметной области 6
1.2 Определение целевой аудитории 7
1.3 Анализ потребностей пользователей 7
1.4 Обзор аналогов 7
1.4.1 Verge3D 8
1.4.2 Blend4web 10
1.5 Необходимые функции и другие требования к приложению 13
1.6 Выводы 16
2 РАЗРАБОТКА ПРИЛОЖЕНИЯ 17
2.1 Математическая модель 17
2.2 Обзор средств реализации 23
2.2.1 WebGL 23
2.2.2 Three.js 27
2.2.3 Vue.js 29
2.2.4 Koa.js 30
2.2.5 Axios.js 31
2.2.6 MongoDB 33
2.3 Разработка диаграммы компонентов приложения 34
2.4 Разработка структуры базы данных 36
2.5 Разработка алгоритма загрузки конфигураций товара 40
2.6 Выводы 41
3 ПРОВЕРКА РАБОТОСПОСОБНОСТИ 43
3.1 Тестирование функционала 43
3.2 Выводы 47
ЗАКЛЮЧЕНИЕ 48
БИБЛИОГРАФИЧЕСКИЙ СПИСОК 49
ПРИЛОЖЕНИЕ 1 Код программы 51
ВВЕДЕНИЕ 4
1 ПОСТАНОВКА ЗАДАЧИ 6
1.1 Описание предметной области 6
1.2 Определение целевой аудитории 7
1.3 Анализ потребностей пользователей 7
1.4 Обзор аналогов 7
1.4.1 Verge3D 8
1.4.2 Blend4web 10
1.5 Необходимые функции и другие требования к приложению 13
1.6 Выводы 16
2 РАЗРАБОТКА ПРИЛОЖЕНИЯ 17
2.1 Математическая модель 17
2.2 Обзор средств реализации 23
2.2.1 WebGL 23
2.2.2 Three.js 27
2.2.3 Vue.js 29
2.2.4 Koa.js 30
2.2.5 Axios.js 31
2.2.6 MongoDB 33
2.3 Разработка диаграммы компонентов приложения 34
2.4 Разработка структуры базы данных 36
2.5 Разработка алгоритма загрузки конфигураций товара 40
2.6 Выводы 41
3 ПРОВЕРКА РАБОТОСПОСОБНОСТИ 43
3.1 Тестирование функционала 43
3.2 Выводы 47
ЗАКЛЮЧЕНИЕ 48
БИБЛИОГРАФИЧЕСКИЙ СПИСОК 49
ПРИЛОЖЕНИЕ 1 Код программы 51
📖 Аннотация
В данной выпускной квалификационной работе разработан интерактивный 3D-конфигуратор для интернет-магазина мебели, представляющий собой программный комплекс для визуализации и кастомизации товаров в реальном времени. Актуальность исследования обусловлена растущими требованиями пользователей к наглядности представления товаров в электронной коммерции, где традиционные фотографии уступают место интерактивным трехмерным моделям, позволяющим детально изучить продукт и сконфигурировать его под индивидуальные нужды. Основным результатом работы является полнофункциональное веб-приложение, архитектура которого включает клиентскую часть на Vue.js, серверную часть на Koa.js, базу данных MongoDB и модуль 3D-визуализации на основе библиотек Three.js и WebGL; также была разработана математическая модель для задачи раскроя материалов, проведено тестирование работоспособности системы. Научная значимость заключается в адаптации и интеграции современных веб-технологий для решения задачи интерактивного 3D-моделирования в браузере, а практическая — в предоставлении готового инструмента, повышающего конверсию за счет улучшения пользовательского опыта и автоматизации процесса сборки сложных товарных позиций. Обзор литературы, включая анализ материалов по основам WebGL и GLSL-шейдеров, исследований по 3D-конфигураторам на платформе Habr, а также сравнение таких решений, как Verge3D и Blend4web, позволил обосновать выбор технологического стека и выявить оптимальные подходы к реализации.
📖 Введение
В современном обществе все больше и больше людей используют гаджеты для удовлетворения своих потребностей, заказывают продукты питания через интернет, одежду, технику, записываются к врачам. С развитием технологий разработчики стараются автоматизировать как можно большее количество процессов, раньше чтобы купить какой-то товар покупателю приходилось идти в ближайший магазин, искать нужный товар, если нужного товара не оказывалось идти в другой магазин и так далее. Для удобства пользователей каждый год открывается все больше и больше интернет магазинов, где покупатель может посмотреть товар, ознакомиться с характеристиками, почитать отзывы и заказать его. Раньше, чтобы представить свой товар на сайте, компании делали высококачественные фотографии, но технологии использования графики в интернете не стоят на месте, на смену двухмерной, плоской графики, приходит 3D графика. С одной стороны, трехмерное представление гораздо привлекательнее демонстрирует товар, с другой стороны это требует достаточно серьезных технических мощностей со стороны пользовательских устройств. Однако, даже дешевые мобильные устройства и офисные компьютеры уже позволяют просматривать SD-графику на сайте, пусть и со средним визуальным качеством. У пользователей появляются новые возможности взаимодействия с товаром, такие как: просмотр с разных ракурсов, приближение, возможность изменить внешний и конфигурации.
Благодаря развитию интернет браузеров, электронных устройств и увеличению скорости интернета использование 3D графики становится все более актуальным. Подавляющее большинство современных браузеров имеет возможность взаимодействовать с трехмерной графикой с помощью WebGL.
WebGL (Web Graphics Library) - графическая библиотека, используемая в веб-приложениях, одна из современных браузерных технологий, позволяющая создавать трехмерные графические веб-приложения.
WebGL используется как элемент разметки страницы и поэтому является полноценной частью объектной модели документа. Все ведущие разработчики браузеров, такие как: Google (Chrome), Opera (Opera), Mozilla (Firefox), и Apple (Safari), являются членами команды разработчиков WebGL и реализуют данный элемент в своих браузерах [1-3].
3D графика в интернете, используется:
• при разработке игр;
• в медицине;
• в проектировании;
• в презентации товара на сайте.
Благодаря развитию интернет браузеров, электронных устройств и увеличению скорости интернета использование 3D графики становится все более актуальным. Подавляющее большинство современных браузеров имеет возможность взаимодействовать с трехмерной графикой с помощью WebGL.
WebGL (Web Graphics Library) - графическая библиотека, используемая в веб-приложениях, одна из современных браузерных технологий, позволяющая создавать трехмерные графические веб-приложения.
WebGL используется как элемент разметки страницы и поэтому является полноценной частью объектной модели документа. Все ведущие разработчики браузеров, такие как: Google (Chrome), Opera (Opera), Mozilla (Firefox), и Apple (Safari), являются членами команды разработчиков WebGL и реализуют данный элемент в своих браузерах [1-3].
3D графика в интернете, используется:
• при разработке игр;
• в медицине;
• в проектировании;
• в презентации товара на сайте.
✅ Заключение
В данной выпускной квалификационной работе был разработан 3D конфигуратор для интернет-магазина мебели, с целью автоматизации выбора оптимальной конфигурации товара.
Проведен анализ потребностей пользователей, рассмотрены альтернативные решения, и на основе этого определены необходимые функции и другие требования к системе.
Сформулирована и описана математическая модель для задачи раскроя. Разработан собственный конфигуратор на языке программирования JavaScript, с использованием графической библиотеки для 3D моделирова¬ния - WebGL. Была спроектирована архитектура приложения, создана база данных, Разработана клиентская часть на Vue.js, серверная на Koa.js и реализована работа с 3D графикой с помощью Three.js. Результатом работы является программное решение, реализующее 3D конфигуратор для интернет-магазина мебели.
На заключительном этапе разработки была проведена проверка работоспособности функционала и корректности обработки ошибок.
В дальнейшем планируется улучшить графический вид приложения, улучшить отображение 3D графики в интернете.
Проведен анализ потребностей пользователей, рассмотрены альтернативные решения, и на основе этого определены необходимые функции и другие требования к системе.
Сформулирована и описана математическая модель для задачи раскроя. Разработан собственный конфигуратор на языке программирования JavaScript, с использованием графической библиотеки для 3D моделирова¬ния - WebGL. Была спроектирована архитектура приложения, создана база данных, Разработана клиентская часть на Vue.js, серверная на Koa.js и реализована работа с 3D графикой с помощью Three.js. Результатом работы является программное решение, реализующее 3D конфигуратор для интернет-магазина мебели.
На заключительном этапе разработки была проведена проверка работоспособности функционала и корректности обработки ошибок.
В дальнейшем планируется улучшить графический вид приложения, улучшить отображение 3D графики в интернете.
ИЛИ
Поиск аналога
📕 Список литературы
🖼 Скриншоты
🛒 Оформить заказ
⚡ Работу высылаем в течении 5 минут после оплаты.